:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}.sidebar{width:250px;background:#0f172a;color:#fff;position:fixed;inset:0 auto 0 0;padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:3px 10px 34px}.brandMark{width:38px;height:38px;border-radius:12px;background:#fff;color:#0f172a;display:grid;place-items:center;font-weight:900}.brand b{display:block;font-size:16px}.brand span{display:block;color:#94a3b8;font-size:11px;margin-top:3px}nav{display:grid;gap:6px}.navItem{width:100%;border:0;background:transparent;color:#aab5c7;padding:12px 11px;border-radius:10px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;font-size:13px}.navItem svg{width:18px;height:18px}.navItem svg:last-child{margin-left:auto;width:15px}.navItem.active{background:#fff;color:#0f172a;font-weight:700}.sideBottom{margin-top:auto}.main{margin-left:250px;width:calc(100% - 250px);max-width:1500px;padding:30px 42px 70px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:11px;color:#64748b;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar h1{margin:4px 0 0;font-size:27px;letter-spacing:-.04em}.primary,.secondary,.danger,.iconBtn{border:0;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer}.primary{background:#111827;color:#fff}.secondary{background:#e9edf4;color:#172033}.danger{background:#fee2e2;color:#b91c1c;margin-top:25px}.sectionBlock{margin-top:25px}.sectionTitle{font-size:15px;font-weight:800;margin:0 0 11px}.sectionTitle span{font-weight:500;color:#94a3b8;font-size:12px;margin-left:7px}.playerTabs{margin-bottom:18px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-weight:700;color:#526074;cursor:pointer}.tabs button.selected{border-color:#111827;background:#111827;color:#fff}.avatar{width:24px;height:24px;border-radius:50%;background:#e8edf5;color:#475569;display:grid;place-items:center;font-size:11px}.selected .avatar{background:#fff;color:#111827}.heroCard{background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:25px 28px;display:flex;justify-content:space-between;box-shadow:0 7px 24px rgba(15,23,42,.05)}.heroCard h2{font-size:25px;margin:5px 0 18px}.heroIcon{width:70px;height:70px;border-radius:20px;background:#eef2f7;display:grid;place-items:center;color:#334155}.heroStats{display:flex;gap:45px}.heroStats small,.stat small,.moneyTop small{display:block;color:#64748b;font-size:11px}.heroStats strong{display:block;font-size:28px;margin-top:4px}.heroStats em{font-size:12px;font-style:normal;font-weight:500;margin-left:2px;color:#64748b}.heroStats span{display:block;color:#94a3b8;font-size:11px;margin-top:3px}.periodGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.moneyCard{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:20px 22px}.moneyTop{display:flex;justify-content:space-between}.moneyTop svg{color:#64748b}.moneyTop h3{font-size:25px;margin:6px 0 17px}.moneyBreak{border-top:1px solid #edf0f4;padding-top:12px;display:flex;gap:20px;font-size:12px;color:#64748b}.moneyBreak span{display:flex;gap:5px}.moneyBreak b{color:#334155}.gain{color:#15803d!important}.tableCard{background:#fff;border:1px solid #e5eaf1;border-radius:14px;overflow:auto}.tableCard table{width:100%;border-collapse:collapse;font-size:12px}.tableCard th{background:#f8fafc;color:#64748b;font-weight:700;text-align:left;padding:11px 13px;white-space:nowrap}.tableCard td{padding:12px 13px;border-top:1px solid #edf0f4;white-space:nowrap}.strong{font-weight:800}.rank{display:inline-flex;padding:4px 7px;border-radius:7px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:800}.r1{background:#fef3c7;color:#a16207}.r4{background:#fee2e2;color:#b91c1c}.status{background:#ecfdf5;color:#047857;padding:4px 7px;border-radius:7px;font-size:10px;font-weight:800}.tableAction{border:1px solid #dce3ec;background:#fff;color:#334155;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700;cursor:pointer}.editNotice{margin:-8px 0 18px;color:#64748b;font-size:12px;line-height:1.5}.pageIntro{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pageIntro h2{margin:0;font-size:20px}.pageIntro p{color:#64748b;font-size:12px;margin:5px 0 0}.compact{margin-bottom:16px}.compact button{padding:9px 17px}.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:17px}.statIcon{width:30px;height:30px;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;color:#475569;margin-bottom:14px}.statIcon svg{width:16px}.stat strong{display:block;font-size:21px;margin-top:5px}.handicapCard{background:#111827;color:#fff;border-radius:16px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.handicapCard .eyebrow{color:#9ca3af}.handicapCard h2{margin:6px 0 7px}.handicapCard p{color:#aab5c7;font-size:12px;max-width:680px}.bigNumber{font-size:48px;font-weight:900}.bigNumber span{display:block;font-size:10px;color:#94a3b8;text-align:right}.gapTop{margin-top:30px}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settingBox{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:20px}.settingBox b{display:block;color:#64748b;font-size:12px}.settingBox strong{display:block;font-size:17px;margin:8px 0}.settingBox span{color:#94a3b8;font-size:11px}.modalBackdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:20px;z-index:20}.modal{background:#fff;border-radius:17px;width:min(980px,100%);max-height:90vh;overflow:auto;padding:24px}.modalHead{display:flex;justify-content:space-between}.modalHead h2{margin:4px 0 20px}.iconBtn{font-size:26px;background:#f1f5f9;width:38px;height:38px;padding:0}.formGrid{display:grid;grid-template-columns:1fr 2fr;gap:12px}.formGrid label{font-size:11px;color:#64748b;font-weight:700}.formGrid input,.inputTable input{width:100%;border:1px solid #dce3ec;border-radius:8px;padding:9px;margin-top:5px;font:inherit}.inputTable{margin-top:18px;overflow:auto}.inputTable table{width:100%;border-collapse:collapse;font-size:12px}.inputTable th,.inputTable td{padding:9px;border-bottom:1px solid #edf0f4;text-align:left}.inputTable input{min-width:75px;margin:0}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast{position:fixed;right:25px;bottom:25px;background:#111827;color:#fff;border-radius:10px;padding:12px 16px;font-size:12px;box-shadow:0 10px 25px rgba(0,0,0,.2)} @media(max-width:950px){.sidebar{width:205px}.main{margin-left:205px;width:calc(100% - 205px);padding:25px}.statGrid{grid-template-columns:1fr 1fr}.heroStats{gap:20px}.periodGrid{grid-template-columns:1fr}.settingsGrid{grid-template-columns:1fr}} @media(max-width:700px){.sidebar{position:static;width:100%;height:auto;padding:12px}.app{display:block}.brand{padding-bottom:12px}.sidebar nav{display:flex;overflow:auto}.sideBottom{display:none}.navItem{white-space:nowrap}.main{margin-left:0;width:100%;padding:20px 14px 50px}.topbar{align-items:flex-end}.topbar h1{font-size:21px}.topbar .primary{font-size:11px;padding:9px}.heroStats{flex-wrap:wrap}.heroIcon{display:none}.statGrid{grid-template-columns:1fr 1fr}.moneyBreak{flex-wrap:wrap}} .comparisonSection{margin:24px 0}.comparisonGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comparisonChart{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:18px}.comparisonChart h3{font-size:13px;margin:0 0 16px}.barRow{display:grid;grid-template-columns:52px 1fr 70px;gap:8px;align-items:center;margin:11px 0;font-size:11px}.barRow>b{text-align:right;font-size:11px}.barTrack{height:9px;border-radius:99px;background:#eef2f7;overflow:hidden}.bar{display:block;height:100%;border-radius:99px;background:#334155}.gainBar{background:#15803d}.handicapNumbers{display:flex;gap:32px}.handicapNumbers small,.handicapNumbers span{display:block;color:#aab5c7;font-size:11px}.handicapNumbers strong{display:block;font-size:32px;margin:4px 0}.handicapNumbers em{font-size:12px;font-style:normal;margin-left:2px}.confirmHandicap{display:flex;align-items:end;gap:12px;background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:16px 18px;margin-bottom:16px}.confirmHandicap>div{margin-right:auto}.confirmHandicap b,.confirmHandicap span{display:block}.confirmHandicap span{font-size:11px;color:#64748b;margin-top:4px}.confirmHandicap label{font-size:11px;color:#64748b;font-weight:700}.confirmHandicap input{display:block;border:1px solid #dce3ec;border-radius:8px;padding:9px;margin-top:5px;font:inherit;width:118px}@media(max-width:950px){.comparisonGrid{grid-template-columns:1fr}.confirmHandicap{flex-wrap:wrap}.confirmHandicap>div{width:100%}}@media(max-width:700px){.handicapNumbers{gap:20px}.confirmHandicap .primary{width:100%}}.trendGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trendChart{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:18px}.trendChart h3{font-size:13px;margin:0 0 16px}.trendPeriod{padding:11px 0;border-top:1px solid #edf0f4}.trendPeriod:first-of-type{border-top:0}.trendPeriod>b{display:block;font-size:12px;margin-bottom:8px}.trendRow{display:grid;grid-template-columns:46px 1fr 52px;align-items:center;gap:7px;margin:6px 0;font-size:10px}.trendRow em{font-size:10px;font-style:normal;text-align:right}.trendBar{background:#475569}@media(max-width:950px){.trendGrid{grid-template-columns:1fr}}.verticalChart{display:flex;align-items:flex-end;gap:12px;min-height:250px;border-bottom:1px solid #e5eaf1;padding:12px 4px 0}.verticalPeriod{flex:1;min-width:0;text-align:center}.verticalBars{height:205px;display:flex;align-items:end;justify-content:center;gap:4px}.verticalColumn{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;min-width:0}.verticalColumn em{font-size:9px;font-style:normal;margin-bottom:4px}.verticalTrack{height:160px;width:100%;display:flex;align-items:end;background:#eef2f7;border-radius:5px 5px 0 0;overflow:hidden}.verticalTrack i{display:block;width:100%;background:#334155}.verticalColumn span{font-size:9px;margin-top:4px}.verticalPeriod>b{font-size:10px;display:block;margin-top:8px;white-space:nowrap}.chartScale{font-size:10px;color:#64748b;margin:10px 0 0}.handicapTrend{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:18px;margin-bottom:16px}.handicapLine{height:170px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #e5eaf1;padding:8px 4px 0;overflow-x:auto}.handicapPoint{height:145px;min-width:42px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center}.handicapPoint b{font-size:12px;margin-bottom:4px}.handicapPoint i{display:block;width:18px;background:#111827;border-radius:5px 5px 0 0}.handicapPoint span{font-size:9px;margin-top:5px;white-space:nowrap}@media(max-width:700px){.verticalChart{gap:6px}.verticalBars{gap:2px}.verticalColumn em,.verticalColumn span{font-size:8px}.handicapPoint{min-width:38px}}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profilePhoto{width:120px;height:120px;border-radius:22px;background:#eef2f7;color:#475569;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;font-size:11px;font-weight:700}.profilePhoto img{width:100%;height:100%;object-fit:cover}.profilePhoto input,.memoryAdd input{display:none}.memoryGallery{margin-top:26px}.memoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.memoryAdd,.memoryGrid figure{aspect-ratio:1;background:#fff;border:1px solid #e5eaf1;border-radius:13px;margin:0;overflow:hidden}.memoryAdd{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:25px;color:#64748b}.memoryAdd span{font-size:11px;font-weight:700;margin-top:5px}.memoryGrid figure{position:relative}.memoryGrid img{width:100%;height:100%;object-fit:cover;display:block}.memoryGrid button{position:absolute;right:7px;top:7px;border:0;background:rgba(15,23,42,.78);color:#fff;border-radius:6px;padding:5px 7px;font-size:10px;cursor:pointer}@media(max-width:700px){.profilePhoto{width:80px;height:80px;border-radius:16px}.memoryGrid{grid-template-columns:repeat(2,1fr)}}.dataTools{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.fileButton{display:inline-flex;align-items:center;cursor:pointer}.fileButton input{display:none}.compactDanger{margin-top:0}.modeHint{margin-top:18px;background:#eef2ff;border:1px solid #dbe4ff;border-radius:12px;padding:14px 16px;display:flex;gap:10px;align-items:center;font-size:12px}.modeHint span{color:#526074}.modeHint code{background:#fff;padding:2px 5px;border-radius:5px}.cancelled{background:#fee2e2;color:#b91c1c}.dangerText{color:#b91c1c}.emptyCell{text-align:center!important;color:#94a3b8;padding:24px!important}.smallModal{width:min(620px,100%)}.reservationForm{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reservationForm label{font-size:11px;color:#64748b;font-weight:700}.reservationForm input,.reservationForm select{width:100%;border:1px solid #dce3ec;border-radius:8px;padding:10px;margin-top:5px;font:inherit;background:#fff}.readonlyPhoto{cursor:default}.readonlyPhoto span{font-size:10px;color:#94a3b8}@media(max-width:700px){.reservationForm{grid-template-columns:1fr}.dataTools>*{flex:1;justify-content:center}.modeHint{align-items:flex-start;flex-direction:column}.topbar{gap:10px}.pageIntro{align-items:flex-start;gap:10px}.heroCard{padding:20px 18px}.heroStats{gap:14px}.heroStats>div{min-width:90px}.tableCard{margin-left:-2px;margin-right:-2px}} .periodFilter{font-size:11px;color:#64748b;font-weight:700;display:flex;align-items:center;gap:8px}.periodFilter select{border:1px solid #dce3ec;border-radius:8px;padding:8px 10px;background:#fff;font:inherit;color:#172033}@media(max-width:700px){.periodFilter{width:100%;justify-content:flex-end}.periodFilter select{flex:1}} /* Golf Manager v3 static additions */ .topActions{display:flex;gap:9px;align-items:center}.syncBadge{border:1px solid #dbe3ec;background:#fff;color:#64748b;border-radius:999px;padding:8px 11px;display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.syncBadge.cloud{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.syncBadge.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.syncBadge.local{color:#92400e;background:#fffbeb;border-color:#fde68a}.reservationCards{display:grid;gap:10px}.reservationCard{background:#fff;border:1px solid #e5eaf1;border-radius:13px;padding:14px 16px;display:grid;grid-template-columns:105px 1fr auto;gap:14px;align-items:center}.reservationDate b,.reservationDate span,.reservationCard>div>strong,.reservationCard>div>span{display:block}.reservationDate b{font-size:15px}.reservationDate span,.reservationCard>div>span{font-size:11px;color:#64748b;margin-top:4px}.emptyPanel{background:#fff;border:1px dashed #dbe3ec;border-radius:13px;padding:28px;text-align:center;color:#94a3b8}.roundList{display:grid;gap:10px}.roundCard{background:#fff;border:1px solid #e5eaf1;border-radius:14px;overflow:hidden}.roundSummary{width:100%;border:0;background:#fff;padding:15px 18px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:14px;text-align:left;cursor:pointer}.roundSummary>div:first-child b,.roundSummary>div:first-child strong{display:block}.roundSummary>div:first-child b{font-size:11px;color:#64748b}.roundSummary>div:first-child strong{font-size:14px;margin-top:3px}.grossStrip{display:flex;gap:16px;flex-wrap:wrap}.grossStrip span{font-size:11px;color:#64748b}.grossStrip b{color:#111827}.roundDetail{border-top:1px solid #edf0f4;padding:12px 14px 14px}.rowActions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.handicapGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.handicapBox{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:18px}.handicapBox>span{font-weight:800}.handicapBox>div{display:inline-flex;flex-direction:column;margin:15px 22px 12px 0}.handicapBox small{font-size:10px;color:#64748b}.handicapBox strong{font-size:25px;margin-top:2px}.handicapBox .effective{display:block;margin-top:10px}.cloudPanel{margin-top:18px;border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:center}.cloudPanel.ok{background:#ecfdf5;border:1px solid #a7f3d0}.cloudPanel.warn{background:#fff7ed;border:1px solid #fed7aa}.cloudPanel span{font-size:11px;color:#64748b}.stat small,.stat span,.stat b{display:block}.stat span{font-size:10px;color:#64748b;margin:5px 0 9px}.stat b{font-size:12px}.danger{background:#fff;border:1px solid #fecaca;color:#b91c1c;border-radius:8px;padding:9px 13px;cursor:pointer}.modalBackdrop[hidden]{display:none}.modal input,.modal select{box-sizing:border-box}.modal .full{grid-column:1/-1}.toast[hidden]{display:none}.subtle{font-size:11px;color:#64748b}.clickable{cursor:pointer}.formError{color:#b91c1c;font-size:11px;margin-top:8px}.syncDot{width:7px;height:7px;border-radius:50%;background:currentColor}.handicapRule{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;color:#475569;font-size:11px;margin-bottom:14px} @media(max-width:950px){.handicapGrid{grid-template-columns:1fr 1fr}.cloudPanel{grid-template-columns:1fr}.roundSummary{grid-template-columns:150px 1fr auto}} @media(max-width:700px){.topActions{flex-wrap:wrap;justify-content:flex-end}.syncBadge span{display:none}.reservationCard{grid-template-columns:82px 1fr}.reservationCard>.status{grid-column:2}.roundSummary{grid-template-columns:1fr auto}.grossStrip{grid-column:1/-1;order:3}.handicapGrid{grid-template-columns:1fr}.rowActions>*{flex:1}.roundDetail{padding:8px}.cloudPanel{padding:14px}.pageIntro{flex-wrap:wrap}.pageIntro>button{width:100%}} /* v3.1 player analysis restoration */ .comparisonSection{margin-top:22px}.comparisonGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comparisonChart{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:18px}.comparisonChart h3{font-size:13px;margin:0 0 16px}.barRow{display:grid;grid-template-columns:62px 1fr 82px;align-items:center;gap:9px;margin:12px 0;font-size:10px}.barRow>b{text-align:right;font-size:10px}.barTrack{height:9px;background:#eef2f7;border-radius:999px;overflow:hidden}.bar{display:block;height:100%;background:#334155;border-radius:999px}.gainBar{background:#15803d}.trendGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trendChart{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:18px}.trendChart h3{font-size:13px;margin:0 0 16px}.verticalChart{display:flex;align-items:flex-end;gap:12px;min-height:250px;border-bottom:1px solid #e5eaf1;padding:12px 4px 0}.verticalPeriod{flex:1;min-width:0;text-align:center}.verticalBars{height:205px;display:flex;align-items:end;justify-content:center;gap:4px}.verticalColumn{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;min-width:0}.verticalColumn em{font-size:9px;font-style:normal;margin-bottom:4px}.verticalTrack{height:160px;width:100%;display:flex;align-items:end;background:#eef2f7;border-radius:5px 5px 0 0;overflow:hidden}.verticalTrack i{display:block;width:100%;background:#334155}.verticalColumn span{font-size:9px;margin-top:4px}.verticalPeriod>b{font-size:10px;display:block;margin-top:8px;white-space:nowrap}.chartScale{font-size:10px;color:#64748b;margin:10px 0 0}.periodFilter{font-size:11px;color:#64748b;font-weight:700;display:flex;align-items:center;gap:8px}.periodFilter select{border:1px solid #dce3ec;border-radius:8px;padding:8px 10px;background:#fff;font:inherit;color:#172033}@media(max-width:950px){.comparisonGrid,.trendGrid{grid-template-columns:1fr}}@media(max-width:700px){.periodFilter{width:100%;justify-content:flex-end}.periodFilter select{flex:1}.verticalChart{gap:6px}.verticalBars{gap:2px}.verticalColumn em,.verticalColumn span{font-size:8px}.barRow{grid-template-columns:52px 1fr 72px}} /* v3.3 shared photo features */ .profileSection{margin-top:18px}.profilePhotoGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.memberPhotoCard{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;text-align:center}.memberPhotoCard input{display:none}.memberPhoto{width:100%;aspect-ratio:1;border-radius:12px;background:#eef2f7;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#475569}.memberPhoto img{width:100%;height:100%;object-fit:cover}.memberPhotoCard strong{font-size:12px}.memberPhotoCard small{font-size:10px;color:#64748b}.memoryGallery{margin-top:22px;padding-top:18px;border-top:1px solid #edf0f4}.memoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.memoryGrid figure,.memoryAdd{aspect-ratio:1;border:1px solid #e5eaf1;border-radius:12px;background:#fff;overflow:hidden;margin:0}.memoryGrid figure{position:relative}.memoryGrid img{width:100%;height:100%;object-fit:cover;display:block}.memoryGrid figure button{position:absolute;right:7px;top:7px;border:0;border-radius:7px;padding:5px 7px;background:rgba(15,23,42,.78);color:#fff;font-size:10px;cursor:pointer}.memoryAdd{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:28px;color:#64748b}.memoryAdd span{font-size:11px;font-weight:700;margin-top:6px}.memoryAdd input{display:none}.handicapBox>div{min-width:88px} @media(max-width:700px){.profilePhotoGrid{grid-template-columns:repeat(2,1fr)}.memoryGrid{grid-template-columns:repeat(2,1fr)}} .groupPhotoCard{display:block;position:relative;background:#fff;border:1px solid #e5eaf1;border-radius:16px;overflow:hidden;cursor:pointer;max-width:760px}.groupPhotoCard>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.groupPhotoEmpty{aspect-ratio:16/9;background:#eef2f7;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:6px}.groupPhotoEmpty strong{font-size:15px;color:#334155}.groupPhotoEmpty span{font-size:11px}.groupPhotoAction{position:absolute;right:12px;bottom:12px;background:rgba(15,23,42,.86);color:#fff;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800}.groupPhotoCard input{display:none}.compactIntro{margin-bottom:14px}.compactIntro>p{margin:0;color:#64748b;font-size:12px}.compactIntro>button{margin-left:auto}@media(max-width:700px){.groupPhotoCard{max-width:none}.groupPhotoEmpty strong{font-size:13px}} .dashboardPhotoSection{margin:0 0 18px}.dashboardPhotoSection h2{margin:0 0 10px;font-size:18px;letter-spacing:-.02em}.compactPhoto{max-width:680px}.compactPhoto>img,.compactPhoto .groupPhotoEmpty{aspect-ratio:2.6/1;max-height:255px}.dashboardPlayerTabs{margin-top:0;margin-bottom:14px}@media(max-width:700px){.dashboardPhotoSection{margin-bottom:15px}.dashboardPhotoSection h2{font-size:17px}.compactPhoto{max-width:none}.compactPhoto>img,.compactPhoto .groupPhotoEmpty{aspect-ratio:2.1/1;max-height:190px}.dashboardPlayerTabs{margin-bottom:12px}} .galleryCount{font-size:11px;color:#64748b;font-weight:700}.galleryGroups{display:grid;gap:20px}.galleryGroup{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:16px}.galleryGroupHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.galleryGroupHead b,.galleryGroupHead strong{display:block}.galleryGroupHead b{font-size:11px;color:#64748b}.galleryGroupHead strong{font-size:15px;margin-top:2px}.galleryAllGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.galleryThumb{position:relative;border:0;padding:0;border-radius:11px;overflow:hidden;background:#eef2f7;aspect-ratio:1;cursor:pointer}.galleryThumb img{width:100%;height:100%;object-fit:cover;display:block}.galleryThumb span{position:absolute;right:6px;bottom:6px;background:rgba(15,23,42,.72);color:#fff;border-radius:999px;padding:3px 6px;font-size:9px}.galleryPreview{display:block;width:100%;max-height:72vh;object-fit:contain;background:#0f172a;border-radius:12px}@media(max-width:1000px){.galleryAllGrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.galleryAllGrid{grid-template-columns:repeat(3,1fr)}.galleryGroup{padding:12px}.galleryGroupHead{align-items:flex-start}} .recommendedHcpInput{display:block;width:76px;border:1px solid #cbd5e1;border-radius:9px;padding:7px 9px;margin-top:4px;font:inherit;font-size:22px;font-weight:800;color:#111827;background:#fff}.recommendedHcpInput:focus{outline:2px solid #cbd5e1;outline-offset:1px}.primary:disabled{opacity:.45;cursor:not-allowed} /* v3.12 reservation & analysis refinements */ .dashboardReservations{margin:0 0 18px}.reservationIntro{margin-bottom:10px}.reservationCardsV312{display:grid;gap:10px}.reservationDetailCard{position:relative;background:#fff;border:1px solid #e5eaf1;border-radius:13px;padding:14px 16px;font-size:12px;line-height:1.45}.reservationHeadline,.reservationWhen{display:flex;align-items:center;gap:5px;min-width:0}.reservationHeadline strong,.reservationWhen strong{font-size:12px}.reservationHeadline .courseName{font-weight:800}.reservationHeadline>.reservationBadge{margin-left:auto}.reservationMeta{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;color:#475569}.reservationMeta b{color:#172033}.reservationNote{margin-top:8px;color:#64748b;border-top:1px solid #edf0f4;padding-top:8px}.reservationBadge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.5;vertical-align:middle}.reservationBadge.cart{background:#dbeafe;color:#1d4ed8}.reservationBadge.self{background:#fee2e2;color:#b91c1c}.reservationBadge.confirmed{background:#dcfce7;color:#15803d}.reservationBadge.candidate{background:#ffedd5;color:#c2410c}.reservationManage{display:flex;gap:6px;justify-content:flex-end;margin-top:10px}.pastReservationTable table{min-width:920px}.pastReservationTable th,.pastReservationTable td{padding:9px 10px}.pastReservationTable .reservationNoteCell{max-width:190px;overflow:hidden;text-overflow:ellipsis}.reservationRow:hover{background:#f8fafc}.reservationDetailGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reservationDetailGrid>div{border:1px solid #e5eaf1;border-radius:10px;padding:12px}.reservationDetailGrid span{display:block;color:#64748b;font-size:10px;margin-bottom:4px}.reservationDetailGrid b{font-size:13px}.reservationDetailGrid .full{grid-column:1/-1}.reservationDetailGrid b .reservationBadge{display:inline-flex;margin-left:5px;margin-bottom:0}.reservationForm.v312 textarea{width:100%;border:1px solid #dce3ec;border-radius:8px;padding:10px;margin-top:5px;font:inherit;background:#fff;resize:vertical}.reservationForm.v312 .full{grid-column:1/-1}.checkField{display:flex;flex-direction:column}.checkLine{min-height:41px;margin-top:5px;border:1px solid #dce3ec;border-radius:8px;padding:9px 10px;display:flex;align-items:center;gap:8px;background:#fff}.checkLine input{width:17px!important;height:17px;margin:0!important}.checkLine b{font-size:11px;color:#475569;font-weight:600}.analysisTable table{table-layout:fixed;min-width:760px}.analysisTable th,.analysisTable td{padding:10px 9px;text-align:center}.analysisTable th:first-child,.analysisTable td:first-child{text-align:left;width:12%}.analysisTable th:nth-child(2){width:12%}.analysisTable th:nth-child(3),.analysisTable th:nth-child(4),.analysisTable th:nth-child(5),.analysisTable th:nth-child(6){width:8%}.analysisTable th:nth-child(7){width:24%}.analysisTable th:nth-child(8){width:12%} @media(max-width:700px){.dashboardReservations{margin-bottom:16px}.reservationIntro{align-items:center}.reservationIntro p{display:none}.reservationIntro>button{width:auto!important}.reservationDetailCard{padding:12px 13px;font-size:12px}.reservationHeadline strong,.reservationWhen strong{font-size:12px}.reservationMeta{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.reservationMeta span:last-child{grid-column:1/-1}.reservationNote{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reservationPageCards .reservationDetailCard{padding-bottom:12px}.pastReservationTable{overflow-x:auto;-webkit-overflow-scrolling:touch}.pastReservationTable table{min-width:860px}.reservationDetailGrid{grid-template-columns:1fr}.reservationDetailGrid .full{grid-column:auto}.reservationForm.v312{grid-template-columns:1fr}.reservationForm.v312 .full{grid-column:auto}.analysisTable table{min-width:700px}.analysisTable th,.analysisTable td{padding:9px 7px}.trendGrid{gap:10px}} /* v3.13 navigation & compact round-status refinements */ /* Keep the existing information structure, but reduce vertical scrolling on phone/desktop. */ .dashboardPlayerTabs{margin-bottom:10px} .dashboardPlayerTabs .sectionTitle{margin-bottom:8px} .dashboardPlayerTabs .tabs{gap:6px} .dashboardPlayerTabs .tabs button{padding:8px 12px} .heroCard{padding:17px 20px;border-radius:14px} .heroCard h2{font-size:21px;margin:3px 0 10px} .heroStats{gap:28px} .heroStats strong{font-size:22px;margin-top:2px} .heroStats span{margin-top:1px} .sectionBlock{margin-top:18px} .periodGrid{gap:11px} .moneyCard{padding:14px 16px} .moneyTop h3{font-size:20px;margin:4px 0 10px} .moneyBreak{padding-top:8px;gap:12px;font-size:11px} .moneyBreak span{gap:4px} @media(max-width:700px){ .dashboardPhotoSection{margin-bottom:12px} .dashboardPlayerTabs{margin-bottom:9px} .dashboardPlayerTabs .tabs button{padding:7px 10px;gap:6px;font-size:12px} .dashboardPlayerTabs .avatar{width:21px;height:21px;font-size:10px} .heroCard{padding:13px 14px} .heroCard h2{font-size:18px;margin:2px 0 8px} .heroStats{gap:18px;flex-wrap:nowrap} .heroStats>div{min-width:0} .heroStats strong{font-size:20px} .heroStats small,.heroStats span{font-size:10px} .periodGrid{gap:8px} .moneyCard{padding:11px 12px} .moneyTop h3{font-size:18px;margin:3px 0 8px} .moneyBreak{padding-top:7px;gap:8px 12px;font-size:10px} .sectionBlock{margin-top:14px} .sectionTitle{margin-bottom:8px} } /* v3.14 candidate reservations + compact player status */ .candidateTitle{margin-top:22px} .candidateReservationList{display:grid;gap:7px} .candidateReservationRow{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5eaf1;border-radius:11px;padding:9px 10px} .candidateReservationRow:hover{background:#f8fafc} .candidateInfo{display:grid;grid-template-columns:72px minmax(88px,1.15fr) minmax(52px,.68fr) 54px 72px minmax(86px,.95fr);gap:8px;align-items:center;min-width:0;flex:1;font-size:11px;color:#475569} .candidateInfo .candidateDate{font-weight:800;color:#334155;} .candidateInfo strong{font-size:11px;color:#172033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .candidateInfo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .candidateConfirmBtn{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap} .compactEmpty{padding:18px} .periodGridFour{grid-template-columns:repeat(2,minmax(0,1fr))} .dashboardPlayerTabs .tabs{flex-wrap:nowrap;width:100%} .dashboardPlayerTabs .tabs button{flex:1;min-width:0;justify-content:center;white-space:nowrap} @media(max-width:700px){ .dashboardPlayerTabs .tabs{gap:4px} .dashboardPlayerTabs .tabs button{padding:7px 4px;gap:3px;font-size:10.5px} .dashboardPlayerTabs .avatar{width:18px;height:18px;font-size:9px;flex:0 0 18px} .periodGridFour{grid-template-columns:1fr 1fr;gap:7px} .periodGridFour .moneyCard{padding:10px 10px} .periodGridFour .moneyTop h3{font-size:17px;margin:3px 0 8px} .periodGridFour .moneyTop small{font-size:10px} .periodGridFour .moneyBreak{padding-top:7px;gap:5px 8px;font-size:10px;line-height:1.35} .candidateReservationRow{padding:8px 8px;gap:6px} .candidateInfo{grid-template-columns:52px minmax(58px,1fr) minmax(34px,.58fr) 38px 50px minmax(66px,.9fr);gap:3px;font-size:9.6px} .candidateInfo strong{font-size:10px} .candidateConfirmBtn{padding:5px 6px;font-size:9px} } /* v3.16 top header + date-first confirmed reservations */ .reservationDateMain{justify-content:space-between}.reservationCourseLine{margin-top:3px}.reservationDateMain strong,.reservationCourseLine strong{font-weight:800} @media(max-width:700px){.topbar .eyebrow{font-size:12px}.reservationDateMain,.reservationCourseLine{min-width:0}} /* v3.17 header emphasis + candidate row mobile fit */ .topbar{margin-top:-8px;margin-bottom:24px} .topbar .eyebrow{font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:none;color:#475569} .candidateReservationList,.candidateReservationRow{width:100%;max-width:100%} .candidateReservationRow{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;overflow:hidden} .candidateInfo{width:100%;max-width:100%;grid-template-columns:64px minmax(76px,1.1fr) minmax(46px,.62fr) 48px 66px minmax(82px,.9fr);gap:5px} .candidateConfirmBtn{justify-self:end;max-width:100%;} @media(max-width:700px){ .main{padding-top:16px} .topbar{margin-top:-6px;margin-bottom:18px;align-items:center} .topbar .eyebrow{font-size:14px;line-height:1.1} .candidateReservationRow{grid-template-columns:minmax(0,1fr) 54px;gap:4px;padding:7px 7px} .candidateInfo{grid-template-columns:46px minmax(48px,.95fr) minmax(31px,.52fr) 34px 46px minmax(58px,.82fr);gap:2px;font-size:8.8px} .candidateInfo strong{font-size:9px} .candidateInfo .candidateDate{font-size:9px} .candidateConfirmBtn{width:54px;padding:5px 3px;font-size:8.5px;line-height:1.15;text-align:center;white-space:normal} } /* v3.18 labels, mobile nav persistence, and handicap history */ .brand b{line-height:1.2}.brand span{line-height:1.35} .handicapHistory{margin-top:22px}.handicapHistoryTable{background:#fff;border:1px solid #e5eaf1;border-radius:13px;overflow:hidden}.handicapHistoryTable table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.handicapHistoryTable th,.handicapHistoryTable td{padding:10px 7px;text-align:center;border-top:1px solid #edf0f4;white-space:nowrap}.handicapHistoryTable th{background:#f8fafc;color:#64748b;font-weight:800;border-top:0}.handicapHistoryTable th:first-child,.handicapHistoryTable td:first-child{width:34%;text-align:left;padding-left:12px}.handicapHistoryTable th:not(:first-child),.handicapHistoryTable td:not(:first-child){width:16.5%}.handicapHistoryTable td{font-weight:700;color:#334155}.handicapHistoryTable tr.current td{background:#f0fdf4;color:#166534;font-weight:900} @media(max-width:700px){.brand b{font-size:14px}.brand span{font-size:10px}.sidebar nav{scroll-behavior:auto}.handicapHistory{margin-top:18px}.handicapHistory .sectionTitle{font-size:14px}.handicapHistory .sectionTitle span{display:none}.handicapHistoryTable table{font-size:9.5px}.handicapHistoryTable th,.handicapHistoryTable td{padding:8px 3px}.handicapHistoryTable th:first-child,.handicapHistoryTable td:first-child{width:35%;padding-left:6px}.handicapHistoryTable th:not(:first-child),.handicapHistoryTable td:not(:first-child){width:16.25%}} /* v3.19 compact handicap cards + player wording + candidate readability */ .handicapGrid{gap:10px} .handicapBox{padding:14px 15px;border-radius:12px} .handicapBox>span{font-size:13px} .handicapBox>div{margin:10px 14px 8px 0;min-width:72px} .handicapBox small{font-size:9.5px} .handicapBox strong{font-size:22px} .handicapBox .recommendedHcpInput{width:62px;padding:6px 7px;margin-top:3px;font-size:15px} .handicapBox .effective{margin-top:7px;line-height:1.35} .dashboardPhotoSection h2{display:none} @media(max-width:700px){ .handicapGrid{grid-template-columns:1fr 1fr;gap:8px} .handicapBox{padding:11px 10px} .handicapBox>span{font-size:12px} .handicapBox>div{margin:8px 8px 6px 0;min-width:58px} .handicapBox small{font-size:9px} .handicapBox strong{font-size:19px} .handicapBox .recommendedHcpInput{width:54px;padding:5px 6px;font-size:14px} .handicapBox .effective{font-size:8.5px;margin-top:5px} .candidateInfo{font-size:9.8px} .candidateInfo strong{font-size:9.8px} .candidateInfo .candidateDate{font-size:9.8px} .candidateConfirmBtn{font-size:8.8px} } /* v3.20 Player analysis compact layout */ .analysisIntro{justify-content:flex-end;gap:12px;align-items:center} .analysisIntro>p{margin:0 auto 0 0} .analysisIntro .periodFilter{width:min(260px,50%);justify-content:flex-end} .analysisIntro .periodFilter select{width:140px;flex:0 0 140px} .analysisTable table{min-width:640px} .analysisTable th,.analysisTable td{padding:9px 6px} .analysisTable th:first-child,.analysisTable td:first-child{width:88px} .analysisTable th:nth-child(2),.analysisTable td:nth-child(2){width:68px} .analysisTable th:nth-child(3),.analysisTable td:nth-child(3), .analysisTable th:nth-child(4),.analysisTable td:nth-child(4), .analysisTable th:nth-child(5),.analysisTable td:nth-child(5), .analysisTable th:nth-child(6),.analysisTable td:nth-child(6){width:42px} .analysisTable th:nth-child(7),.analysisTable td:nth-child(7){width:195px} .analysisTable th:nth-child(8),.analysisTable td:nth-child(8){width:70px} @media(max-width:700px){ .analysisIntro{align-items:center;flex-wrap:nowrap} .analysisIntro>p{font-size:11px;line-height:1.35;max-width:48%} .analysisIntro .periodFilter{width:48%;min-width:0} .analysisIntro .periodFilter select{width:100%;flex:1;min-width:0;padding:7px 8px} .analysisTable{margin-left:0;margin-right:0} .analysisTable table{min-width:610px;font-size:10.5px} .analysisTable th,.analysisTable td{padding:8px 4px} .analysisTable th:first-child,.analysisTable td:first-child{width:82px} .analysisTable th:nth-child(2),.analysisTable td:nth-child(2){width:62px} .analysisTable th:nth-child(3),.analysisTable td:nth-child(3), .analysisTable th:nth-child(4),.analysisTable td:nth-child(4), .analysisTable th:nth-child(5),.analysisTable td:nth-child(5), .analysisTable th:nth-child(6),.analysisTable td:nth-child(6){width:38px} .analysisTable th:nth-child(7),.analysisTable td:nth-child(7){width:180px} .analysisTable th:nth-child(8),.analysisTable td:nth-child(8){width:62px} } /* v3.21 compact history, Player stats spacing, handicap clarity */ .pastReservationTable table{min-width:760px} .pastReservationTable th,.pastReservationTable td{padding:8px 6px} .pastReservationTable th:nth-child(1),.pastReservationTable td:nth-child(1){width:58px} .pastReservationTable th:nth-child(2),.pastReservationTable td:nth-child(2){width:98px} .pastReservationTable th:nth-child(3),.pastReservationTable td:nth-child(3){width:76px} .pastReservationTable th:nth-child(4),.pastReservationTable td:nth-child(4){width:60px} .pastReservationTable th:nth-child(5),.pastReservationTable td:nth-child(5){width:78px} .pastReservationTable th:nth-child(6),.pastReservationTable td:nth-child(6){width:54px} .pastReservationTable th:nth-child(7),.pastReservationTable td:nth-child(7){width:70px} .pastReservationTable th:nth-child(8),.pastReservationTable td:nth-child(8){width:150px} .pastReservationTable th:nth-child(9),.pastReservationTable td:nth-child(9){width:92px} .pastReservationMore{display:flex;justify-content:center;margin-top:10px} .compactMore{padding:7px 14px;font-size:10px} /* reduce the wide gap after 4th place in Player stats */ .analysisTable table{min-width:565px} .analysisTable th:nth-child(7),.analysisTable td:nth-child(7){width:112px} .analysisTable th:nth-child(8),.analysisTable td:nth-child(8){width:60px} .analysisTable th,.analysisTable td{padding-left:4px;padding-right:4px} /* handicap card labels: clearer separation, less clutter */ .handicapBox>span{display:block;margin-bottom:7px} .handicapBox>div{margin-top:4px} .handicapBox>div small{display:block;margin-bottom:4px;line-height:1.2} .handicapBox .effective{display:none!important} .handicapHistoryTable td:not(:first-child){font-size:13px} @media(max-width:700px){ .pastReservationTable table{min-width:700px;font-size:9.5px} .pastReservationTable th,.pastReservationTable td{padding:7px 4px} .pastReservationTable th:nth-child(8),.pastReservationTable td:nth-child(8){width:120px} .analysisTable table{min-width:520px;font-size:10.5px} .analysisTable th:first-child,.analysisTable td:first-child{width:76px} .analysisTable th:nth-child(2),.analysisTable td:nth-child(2){width:58px} .analysisTable th:nth-child(3),.analysisTable td:nth-child(3), .analysisTable th:nth-child(4),.analysisTable td:nth-child(4), .analysisTable th:nth-child(5),.analysisTable td:nth-child(5), .analysisTable th:nth-child(6),.analysisTable td:nth-child(6){width:34px} .analysisTable th:nth-child(7),.analysisTable td:nth-child(7){width:96px} .analysisTable th:nth-child(8),.analysisTable td:nth-child(8){width:54px} .handicapBox>span{margin-bottom:6px;font-size:12.5px} .handicapBox>div{margin-top:2px} .handicapBox>div small{margin-bottom:3px;font-size:9px} .handicapHistoryTable td:not(:first-child){font-size:12px} } /* v3.22 candidate confirmation action: distinct blue action button */ .candidateConfirmBtn{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8} .candidateConfirmBtn:hover{background:#dbeafe;border-color:#93c5fd;color:#1e40af} /* v3.23 candidate caddie/self info */ .candidateCaddie{font-weight:700;color:#334155} @media (max-width:640px){.candidateCaddie{font-size:8.8px}} \n\n/* v3.24 reservation D-day alerts + two-row candidate comparison + photo compression UX */\n.reservationCardBadges{margin-left:auto;display:flex;align-items:center;gap:5px;flex:0 0 auto}\n.reservationHeadline>.reservationCardBadges{margin-left:auto}\n.reservationAlert{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:10px;font-weight:900;line-height:1.5;white-space:nowrap}\n.reservationAlert.soon{background:#fff7ed;color:#c2410c}.reservationAlert.urgent{background:#fef2f2;color:#b91c1c}\n.candidateReservationRow{grid-template-columns:minmax(0,1fr) 62px;align-items:stretch}\n.candidateInfoTwoRow{display:grid;grid-template-columns:54px minmax(54px,1.08fr) minmax(34px,.62fr) 42px 52px 52px;grid-template-rows:auto auto;gap:2px 4px;align-items:center}\n.candidateHead{font-size:8.5px!important;font-weight:700;color:#94a3b8!important;line-height:1.1;text-align:center;white-space:nowrap}\n.candidateValue{font-size:10px!important;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.candidateInfoTwoRow strong.candidateValue{font-size:10px!important}\n.candidateConfirmBtn{align-self:stretch;width:62px;padding:4px 3px;display:flex;align-items:center;justify-content:center;line-height:1.2}\n@media(max-width:700px){\n .reservationAlert{font-size:9px;padding:2px 5px}\n .candidateReservationRow{grid-template-columns:minmax(0,1fr) 56px;gap:3px;padding:7px 6px}\n .candidateInfoTwoRow{grid-template-columns:47px minmax(45px,1fr) minmax(28px,.58fr) 34px 45px 44px;gap:2px 2px}\n .candidateHead{font-size:7.4px!important}\n .candidateValue,.candidateInfoTwoRow strong.candidateValue{font-size:8.9px!important}\n .candidateConfirmBtn{width:56px;font-size:8.6px;padding:4px 2px}\n}\n@media(max-width:390px){\n .candidateReservationRow{grid-template-columns:minmax(0,1fr) 52px;padding:6px 5px}\n .candidateInfoTwoRow{grid-template-columns:44px minmax(40px,1fr) minmax(26px,.56fr) 32px 42px 40px;gap:1px}\n .candidateHead{font-size:7px!important}.candidateValue,.candidateInfoTwoRow strong.candidateValue{font-size:8.3px!important}\n .candidateConfirmBtn{width:52px;font-size:8px}\n}\n /* v3.25 Live round - mobile first */ .livePage{max-width:980px;margin-left:auto;margin-right:auto}.liveIntro{align-items:center}.liveIntro h2{margin:0;font-size:20px}.liveRoundList{display:grid;gap:8px}.liveRoundCard{width:100%;border:1px solid #e5eaf1;background:#fff;border-radius:13px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.liveRoundCard div{min-width:0}.liveRoundCard b{display:block;font-size:11px;color:#64748b}.liveRoundCard strong{display:block;font-size:15px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liveRoundCard div span{display:block;font-size:10px;color:#94a3b8;margin-top:3px}.liveState{font-size:10px;font-weight:900;background:#fff7ed;color:#c2410c;border-radius:999px;padding:4px 7px}.liveState.done{background:#ecfdf5;color:#047857}.liveTop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:10px}.liveTop>div{text-align:center;min-width:0}.liveTop b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liveTop span{display:block;font-size:10px;color:#64748b;margin-top:2px}.liveBack,.liveFinishMini{border:1px solid #dce3ec;background:#fff;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800;color:#475569}.liveFinishMini{background:#111827;color:#fff;border-color:#111827}.livePlayerTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px}.livePlayerTabs button{min-width:0;border:1px solid #dce3ec;background:#fff;border-radius:8px;padding:8px 2px;font-size:11px;font-weight:800;white-space:nowrap}.livePlayerTabs button.active{background:#111827;color:#fff;border-color:#111827}.liveSummary{background:#0f172a;color:#fff;border-radius:13px;padding:10px 12px;margin-bottom:8px}.liveSummary>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.liveSummary>div:first-child b{font-size:14px}.liveSummary>div:first-child span{font-size:10px;color:#cbd5e1}.liveSummaryLine{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px;line-height:1.7}.liveSummaryLine span{display:flex;justify-content:space-between;gap:4px;color:#cbd5e1;white-space:nowrap}.liveSummaryLine b{color:#fff;font-size:11px}.holeNav{display:grid;grid-template-columns:72px 1fr 72px;align-items:center;gap:4px;margin:8px 0}.holeNav button{border:1px solid #dce3ec;background:#fff;border-radius:8px;padding:8px 3px;font-size:9px;font-weight:800;color:#475569}.holeNav button:disabled{opacity:.35}.holeNav strong{text-align:center;font-size:13px}.liveInputCard{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:10px 12px}.liveRow{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:7px;margin:6px 0}.liveRow label{font-size:11px;font-weight:900;color:#475569}.choice3{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.choice3 button{border:1px solid #dce3ec;background:#f8fafc;border-radius:8px;padding:9px 2px;font-size:11px;font-weight:800}.choice3 button.sel{background:#111827;color:#fff;border-color:#111827}.liveHint{margin:-1px 0 4px 69px;font-size:8.5px;color:#94a3b8}.stepper{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border:1px solid #dce3ec;border-radius:9px;overflow:hidden;min-height:35px}.stepper button{height:35px;border:0;background:#f1f5f9;font-size:18px;font-weight:800}.stepper button:disabled{opacity:.3}.stepper b{text-align:center;font-size:13px}.stepper.money b{font-size:12px}.liveHoleResult{border-top:1px solid #edf0f4;margin-top:8px;padding-top:8px;display:flex;justify-content:space-between;align-items:center}.liveHoleResult span{font-size:10px;color:#64748b;font-weight:700}.liveHoleResult b{font-size:14px}.liveNext{width:100%;margin-top:8px;padding:10px}.liveMembers{margin-top:12px}.liveMembers .sectionTitle{margin-bottom:6px}.liveMember{width:100%;border:0;border-top:1px solid #edf0f4;background:transparent;padding:7px 2px;display:flex;justify-content:space-between;align-items:center;text-align:left}.liveMember div{min-width:0}.liveMember b{font-size:10.5px;margin-right:5px}.liveMember span{font-size:9px;color:#64748b;white-space:nowrap}.liveMember small{font-size:8.5px;color:#64748b;white-space:nowrap}.liveMember.active b{color:#111827}.liveSetup .formGrid{grid-template-columns:1fr 1fr}.liveSetup .formGrid label:nth-child(3){grid-column:1/-1}.liveParticipant{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0 16px}.liveParticipant label{border:1px solid #dce3ec;border-radius:8px;padding:8px 5px;font-size:11px;font-weight:800;text-align:center}.parGrid{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.parGrid label{text-align:center}.parGrid label span{display:block;font-size:9px;color:#64748b;margin-bottom:2px}.parGrid select{width:100%;padding:6px 1px;border:1px solid #dce3ec;border-radius:7px;background:#fff;font-weight:800;text-align:center}.finishHero{text-align:center;background:#0f172a;color:#fff;border-radius:14px;padding:13px;margin-bottom:8px}.finishHero span{display:block;font-size:9px;color:#cbd5e1}.finishHero strong{display:block;font-size:27px;line-height:1.2;margin-top:2px}.finishHero em{font-size:14px;font-style:normal;color:#cbd5e1}.finishGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:7px}.finishGrid>div{background:#fff;border:1px solid #e5eaf1;border-radius:9px;padding:8px 7px;display:flex;justify-content:space-between;align-items:center}.finishGrid span{font-size:9px;color:#64748b}.finishGrid b{font-size:12px}.finishGrid small{font-size:8px;color:#94a3b8}.finishLines{background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:4px 10px}.finishLines>div{display:grid;grid-template-columns:72px 1fr;gap:7px;padding:7px 0;border-bottom:1px solid #edf0f4}.finishLines>div:last-child{border-bottom:0}.finishLines span{font-size:9px;color:#64748b;font-weight:800}.finishLines b{text-align:right;font-size:10.5px}.finishActions{display:grid;grid-template-columns:1fr 1.45fr;gap:6px;margin-top:8px}.finishActions button{padding:10px 6px;font-size:10px}.liveScoreTable{overflow:auto}.liveScoreTable table{width:100%;border-collapse:collapse;font-size:10px}.liveScoreTable th,.liveScoreTable td{padding:7px 5px;border-bottom:1px solid #edf0f4;text-align:center;white-space:nowrap}.liveScoreTable tbody tr{cursor:pointer}.liveMiniBadge{display:inline-block;padding:2px 4px;border-radius:5px;background:#ecfdf5;color:#047857;font-size:7px;font-weight:900}.liveComparison{margin-top:26px}.liveCompareHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.liveCompareHead select{border:1px solid #dce3ec;border-radius:8px;padding:7px 8px;background:#fff;font-size:10px;max-width:180px}.liveCompareTable{background:#fff;border:1px solid #e5eaf1;border-radius:11px;overflow:hidden;margin-top:6px}.liveCompareTable table{width:100%;border-collapse:collapse;table-layout:fixed}.liveCompareTable th,.liveCompareTable td{padding:7px 3px;text-align:center;border-bottom:1px solid #edf0f4;font-size:9.5px;white-space:nowrap}.liveCompareTable th{background:#f8fafc;color:#64748b;font-size:8.5px}.liveCompareTable th:first-child,.liveCompareTable td:first-child{text-align:left;padding-left:7px;font-weight:800;width:25%}.liveCompareTable tbody tr{cursor:pointer}.secondaryTable{margin-top:5px}.liveHistoryList{display:grid;gap:6px}.liveHistoryList button{border:1px solid #e5eaf1;background:#fff;border-radius:10px;padding:10px;text-align:left}.liveHistoryList b{display:block;font-size:11px}.liveHistoryList span{display:block;color:#64748b;font-size:9px;margin-top:3px} @media(max-width:700px){.livePage{margin-top:6px}.liveIntro p{display:none}.liveIntro h2{font-size:17px}.liveIntro .primary{padding:8px 10px;font-size:10px}.liveRoundCard{padding:10px 11px}.liveRoundCard strong{font-size:13px}.liveSummary{padding:8px 10px}.liveSummaryLine{gap:7px}.liveInputCard{padding:8px 9px}.liveRow{grid-template-columns:56px 1fr;margin:4px 0}.liveHint{margin-left:63px}.choice3 button{padding:8px 1px}.stepper{min-height:32px}.stepper button{height:32px}.liveNext{padding:9px}.liveMembers{margin-top:9px}.liveMember{padding:6px 1px}.liveSetup .formGrid{grid-template-columns:1fr}.liveSetup .formGrid label:nth-child(3){grid-column:auto}.liveParticipant{gap:3px}.liveParticipant label{font-size:9.5px;padding:7px 2px}.parGrid{gap:3px}.parGrid label span{font-size:8px}.parGrid select{font-size:10px;padding:5px 0}.finishHero{padding:10px}.finishHero strong{font-size:24px}.finishGrid>div{padding:7px 6px}.finishLines>div{padding:6px 0}.liveCompareTable th,.liveCompareTable td{padding:6px 2px;font-size:9px}.liveCompareTable th{font-size:8px}.liveCompareHead .sectionTitle span{display:none}.liveCompareHead select{max-width:145px;padding:6px;font-size:9px}.compactManager input{min-width:55px;padding:6px;font-size:10px}} @media(max-width:390px){.liveTop b{font-size:13px}.livePlayerTabs button{font-size:10px;padding:7px 1px}.liveSummaryLine{font-size:9px}.liveSummaryLine b{font-size:10px}.holeNav{grid-template-columns:62px 1fr 62px}.holeNav strong{font-size:12px}.liveRow{grid-template-columns:52px 1fr}.liveHint{margin-left:59px;font-size:8px}.liveMember span{font-size:8.4px}.liveMember small{font-size:7.9px}.finishLines>div{grid-template-columns:62px 1fr}.parGrid{grid-template-columns:repeat(9,1fr)}} /* ===== v3.26 Live UX + Player analysis refresh ===== */ .playerNameCell,.barPlayer,.trendLegend span,.livePicker button,.liveIdentity label{position:relative} .playerNameCell i,.barPlayer i,.trendLegend i,.livePicker i,.liveIdentity i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:1px;background:#94a3b8} .p-lee i,.playerNameCell.p-lee i,.barPlayer.p-lee i,.trendLegend .p-lee i,.livePicker .p-lee i,.liveIdentity .p-lee i{background:#2563eb} .p-kim i,.playerNameCell.p-kim i,.barPlayer.p-kim i,.trendLegend .p-kim i,.livePicker .p-kim i,.liveIdentity .p-kim i{background:#e11d48} .p-yoon i,.playerNameCell.p-yoon i,.barPlayer.p-yoon i,.trendLegend .p-yoon i,.livePicker .p-yoon i,.liveIdentity .p-yoon i{background:#059669} .p-jung i,.playerNameCell.p-jung i,.barPlayer.p-jung i,.trendLegend .p-jung i,.livePicker .p-jung i,.liveIdentity .p-jung i{background:#d97706} .p-lee{color:#2563eb}.p-kim{color:#e11d48}.p-yoon{color:#059669}.p-jung{color:#d97706} /* Player 통계 */ .analysisTable table{font-size:12px} .analysisTable th,.analysisTable td{padding-top:9px;padding-bottom:9px} .analysisTable .playerNameCell{font-weight:900;white-space:nowrap} .comparisonGrid{gap:10px} .comparisonChart{padding:12px 13px} .comparisonChart h3{font-size:13px;margin-bottom:9px} .barRow{grid-template-columns:74px 1fr 78px;gap:7px;min-height:28px} .barRow>span{font-size:11.5px;font-weight:800;white-space:nowrap}.barRow>b{font-size:11.5px} .scoreTrendSection{margin-top:18px} .trendLegend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:5px 0 4px;font-size:11.5px;font-weight:900} .scoreTrendWrap{background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:5px 5px 0;overflow:hidden} .scoreTrendSvg{display:block;width:100%;height:auto;max-height:190px;touch-action:manipulation} .scoreTrendSvg circle{cursor:pointer} .trendTip{font-size:10px;color:#64748b;padding:5px 2px 0;min-height:18px} /* Live 기본 */ .livePage{max-width:760px} .liveIntro h2{font-size:22px}.liveIntro p{font-size:12px} .liveTop{margin-bottom:7px}.liveTop b{font-size:16px}.liveTop span{font-size:11px} .liveBack,.liveFinishMini{font-size:11.5px;padding:8px 10px;background:#fff;color:#334155;border:1px solid #dce3ec} /* 개인 현황판: 흰색 + 이름/저장 버튼만 파랑 */ .liveSummary{position:relative;background:#fff;color:#0f172a;border:1px solid #e5eaf1;box-shadow:0 1px 2px rgba(15,23,42,.04);border-radius:13px;padding:10px 12px 8px;margin-bottom:6px} .liveSummaryMain{display:grid!important;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:0 0 6px!important} .livePlayerName{border:0;background:transparent;padding:0;text-align:left;color:#2563eb;font-size:17px;font-weight:900;cursor:pointer} .liveSummaryMain strong{font-size:14px;color:#111827;white-space:nowrap} .liveSummaryMain em{font-size:22px;line-height:1;font-style:normal;font-weight:950;color:#111827;white-space:nowrap} .liveSummaryLine{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;line-height:1.45} .liveSummaryLine span{display:flex;justify-content:space-between;gap:4px;color:#475569;white-space:nowrap} .liveSummaryLine b{color:#111827;font-size:12.5px;font-weight:900} .liveSaveStatus{position:absolute;right:10px;bottom:2px;font-size:8.5px;color:#94a3b8}.liveSaveStatus.error{color:#b91c1c} /* 이전/다음홀은 크게 */ .holeNav{grid-template-columns:90px 1fr 90px;gap:6px;margin:6px 0} .holeNav button{padding:9px 4px;font-size:12.5px;font-weight:900;color:#334155} .holeNav strong{font-size:15px;font-weight:950;color:#111827} /* 입력부 세로 여백 축소, 글자 확대 */ .liveInputCard{padding:7px 10px;border-radius:13px} .liveRow{grid-template-columns:66px 1fr;gap:7px;margin:3px 0} .liveRow label{font-size:12.5px;color:#111827} .choice3{gap:5px}.choice3 button{padding:8px 2px;font-size:12.5px;background:#fff}.choice3 button.sel{background:#111827;color:#fff;border-color:#111827} .liveHint{margin:0 0 2px 73px;font-size:9.5px;color:#64748b;line-height:1.25} .stepper{grid-template-columns:44px 1fr 44px;min-height:32px}.stepper button{height:32px;font-size:19px}.stepper b{font-size:14px}.stepper.money b{font-size:13.5px} .liveHoleResult{justify-content:flex-start;gap:14px;margin-top:5px;padding-top:6px}.liveHoleResult span{font-size:12px;color:#334155}.liveHoleResult b{font-size:17px;color:#111827} .liveNext{margin-top:6px;padding:10px;font-size:13px;background:#2563eb;border-color:#2563eb} /* 동반자 현황 */ .liveMembers{margin-top:9px;border-top:1px solid #e5eaf1;padding-top:6px} .liveMembersHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:1px} .liveMembersHead .sectionTitle{font-size:14px;margin:0;font-weight:950} .liveCollapse{border:0;background:transparent;color:#64748b;font-size:10px;font-weight:800;padding:4px 0} .liveMember{padding:7px 2px;display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #edf0f4} .liveMember:first-of-type{border-top:0}.liveMember div{display:flex;align-items:center;gap:5px;min-width:0}.liveMember b{font-size:12.5px;font-weight:950;margin:0}.liveMember span{font-size:11px;color:#334155;font-weight:700}.liveMember small{font-size:10.5px;color:#334155;font-weight:700;align-self:center} /* Live 시작/Par 정보 */ .liveCoursePair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px} .liveCoursePair label{font-size:11px;font-weight:800;color:#475569}.liveCoursePair input{width:100%;margin-top:4px;border:1px solid #dce3ec;border-radius:8px;padding:9px 8px;font-size:13px} .liveIdentity{margin-bottom:12px}.liveIdentity label{font-size:12px;padding:9px 3px} .parTitle{font-size:15px!important;margin-top:4px}.parTitle span{font-size:9.5px!important} .parBlock{border:1px solid #e5eaf1;border-radius:11px;padding:8px;margin:6px 0;background:#fff}.parBlock>b{display:block;font-size:12px;margin-bottom:5px} .parGrid{grid-template-columns:repeat(9,1fr);gap:4px}.parGrid label span{font-size:13px;font-weight:900;color:#111827;margin-bottom:3px}.parGrid select{font-size:13px;padding:7px 0;font-weight:900} .parGrid18{grid-template-columns:repeat(9,1fr);margin-top:6px} .livePicker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.livePicker button{border:1px solid #dce3ec;background:#fff;border-radius:10px;padding:13px 8px;font-size:14px;font-weight:900} .manageActions{grid-template-columns:1fr 1fr 1.15fr;gap:6px}.manageActions button{font-size:10px;padding:9px 5px} /* 종료 화면: 상단은 작게, 통계는 크게 */ .finishHero{background:#fff;color:#111827;border:1px solid #e5eaf1;padding:8px 11px;margin-bottom:6px;text-align:left} .finishHero>span{font-size:10px;color:#64748b;margin-bottom:2px}.finishHero>div{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:9px}.finishPlayer{font-size:16px;color:#2563eb}.finishHero strong{font-size:24px;line-height:1.05;margin:0}.finishHero em{font-size:18px;color:#111827;font-weight:950} .finishCourseScore{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.finishCourseScore span{background:#fff;border:1px solid #e5eaf1;border-radius:9px;padding:8px 10px;font-size:11.5px;color:#475569}.finishCourseScore b{float:right;font-size:15px;color:#111827} .finishGrid{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:6px}.finishGrid>div{padding:8px 7px}.finishGrid span{font-size:11px}.finishGrid b{font-size:14px}.finishGrid small{font-size:9px} .finishLines{padding:2px 10px}.finishLines>div{grid-template-columns:1fr auto;padding:8px 0}.finishLines span{font-size:11.5px;color:#334155}.finishLines b{font-size:13.5px}.bigFinishValue{font-size:17px!important} .managerDirty{margin-top:6px;padding:7px 9px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:10px;font-weight:800} .finishActions{grid-template-columns:1fr 1.5fr;gap:6px;margin-top:7px}.finishActions button{padding:10px 5px;font-size:11.5px}.finishActions .primary{background:#2563eb;border-color:#2563eb} /* Live 분석: 바깥 탭으로 바로 재정렬 */ .liveComparison{margin-top:18px}.liveCompareTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:7px 0 6px}.liveCompareTabs button{border:1px solid #dce3ec;background:#fff;border-radius:8px;padding:8px 3px;font-size:10.5px;font-weight:900;white-space:nowrap}.liveCompareTabs button.active{background:#111827;color:#fff;border-color:#111827} .liveCompareSelect{width:100%;border:1px solid #dce3ec;border-radius:8px;padding:8px 9px;background:#fff;font-size:11px;font-weight:800;margin-bottom:5px} .liveCompareTable{margin-top:5px;overflow:auto}.liveCompareTable table{table-layout:fixed;min-width:0}.liveCompareTable th,.liveCompareTable td{padding:7px 2px;font-size:11px;font-weight:750}.liveCompareTable th{position:sticky;top:0;z-index:1;font-size:9.5px;background:#f8fafc}.liveCompareTable th:first-child,.liveCompareTable td:first-child{width:25%;padding-left:5px}.liveCompareTable td:not(:first-child){font-variant-numeric:tabular-nums}.sampleBadge{display:inline-block;font-size:7px;color:#92400e;background:#fffbeb;border-radius:4px;padding:1px 2px;margin-left:1px;vertical-align:1px}.secondaryTable{margin-top:4px} .liveHistoryList button{padding:9px 10px}.liveHistoryList b{font-size:12px}.liveHistoryList span{font-size:10.5px} @media(max-width:700px){ .analysisTable table{font-size:11.5px;min-width:520px}.analysisTable th,.analysisTable td{padding:8px 3px} .barRow{grid-template-columns:70px 1fr 72px}.comparisonChart{padding:10px} .scoreTrendWrap{padding:3px 2px 0}.trendLegend{font-size:10.5px;gap:5px 10px}.trendTip{font-size:9px} .livePage{margin-top:4px}.liveTop{gap:5px}.liveTop b{font-size:14px}.liveTop span{font-size:9.5px}.liveBack{font-size:11px;padding:7px 7px} .liveSummary{padding:9px 9px 7px}.livePlayerName{font-size:16px}.liveSummaryMain strong{font-size:13px}.liveSummaryMain em{font-size:21px}.liveSummaryLine{font-size:11px;gap:6px}.liveSummaryLine b{font-size:11.5px} .holeNav{grid-template-columns:82px 1fr 82px;margin:5px 0}.holeNav button{font-size:12px;padding:8px 2px}.holeNav strong{font-size:14px} .liveInputCard{padding:6px 8px}.liveRow{grid-template-columns:62px 1fr;margin:2px 0}.liveRow label{font-size:12px}.liveHint{margin-left:69px;font-size:8.8px}.choice3 button{padding:7px 1px;font-size:12px}.stepper{min-height:30px}.stepper button{height:30px}.liveHoleResult{padding-top:5px;margin-top:4px}.liveNext{padding:9px;margin-top:5px} .liveMembers{margin-top:7px}.liveMembersHead .sectionTitle{font-size:13px}.liveMember{padding:6px 1px;gap:4px}.liveMember b{font-size:11.5px}.liveMember span{font-size:10px}.liveMember small{font-size:9.5px} .liveSetup .formGrid{grid-template-columns:1fr 1fr}.liveCoursePair{grid-template-columns:1fr 1fr;gap:6px}.liveCoursePair input{font-size:12px;padding:8px 6px}.parGrid{gap:3px}.parGrid label span{font-size:12px}.parGrid select{font-size:12px;padding:6px 0}.parGrid18{grid-template-columns:repeat(9,1fr)} .finishHero{padding:7px 9px}.finishHero strong{font-size:22px}.finishPlayer{font-size:15px}.finishHero em{font-size:17px}.finishCourseScore span{padding:7px 8px;font-size:10.5px}.finishGrid>div{padding:7px 5px}.finishGrid span{font-size:10px}.finishGrid b{font-size:13px}.finishLines>div{padding:7px 0}.finishLines span{font-size:10.5px}.finishLines b{font-size:12.5px} .liveCompareTabs button{font-size:9.5px;padding:7px 1px}.liveCompareTable th,.liveCompareTable td{font-size:10.5px;padding:6px 1px}.liveCompareTable th{font-size:9px}.liveCompareTable th:first-child,.liveCompareTable td:first-child{width:27%;padding-left:4px}.liveCompareSelect{font-size:10.5px;padding:7px} } @media(max-width:390px){ .liveSummaryMain{grid-template-columns:1fr auto auto;gap:6px}.livePlayerName{font-size:15px}.liveSummaryMain strong{font-size:12px}.liveSummaryMain em{font-size:20px} .holeNav{grid-template-columns:76px 1fr 76px}.holeNav button{font-size:11.5px}.holeNav strong{font-size:13px} .liveRow{grid-template-columns:58px 1fr}.liveHint{margin-left:65px}.liveMember div{gap:3px}.liveMember span{font-size:9.3px}.liveMember small{font-size:9px} .parGrid label span{font-size:11px}.parGrid select{font-size:11px}.finishGrid{grid-template-columns:repeat(3,1fr)} .liveCompareTabs button{font-size:9px}.liveCompareTable th,.liveCompareTable td{font-size:10px}.sampleBadge{display:block;width:max-content;margin:1px auto 0} } .liveResultBtn{width:100%;margin-top:5px;padding:8px;font-size:11px} /* v3.27 usability refinements */ .playerNameCell,.barPlayer,.livePicker button,.liveMember b,.finishPlayer,.livePlayerName{color:#111827!important} .playerNameCell i,.barPlayer i,.livePicker i,.liveIdentity i{display:none!important} .livePicker button,.liveMember b,.playerNameCell,.barPlayer{white-space:nowrap!important} /* Shared Live list */ .liveRoundCard{cursor:default;gap:10px} .liveRoundInfo{min-width:0;flex:1} .liveRoundInfo b{display:block;font-size:11px;color:#64748b} .liveRoundInfo strong{display:block;font-size:14px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .liveRoundInfo span{display:block;font-size:10px;color:#64748b;margin-top:3px} .liveRoundActions{display:flex;gap:6px;flex:0 0 auto} .liveRoundActions button{padding:8px 10px;font-size:10.5px;white-space:nowrap} .liveMore{width:100%;margin-top:7px;padding:8px;font-size:11px} /* Personal live dashboard balance */ .liveSummary{padding:13px 13px 11px;margin-bottom:8px} .liveSummaryMain{grid-template-columns:1fr auto!important;gap:10px;margin-bottom:8px!important} .livePlayerName{font-size:18px;font-weight:950} .liveSummaryMain em{font-size:25px} .liveSummaryLine{font-size:12.5px;gap:10px;line-height:1.55} .liveSummaryLine b{font-size:13px} .holeNav{margin:7px 0 6px;grid-template-columns:96px 1fr 96px} .holeNav button{font-size:13px;padding:10px 4px} .holeNav strong{font-size:15px} .liveInputCard{padding:8px 10px} .liveRow{margin:2px 0} .liveHint{margin-top:0;margin-bottom:3px} .liveHoleResult{gap:8px} /* Companion real-time status: compact and readable */ .liveMember{grid-template-columns:1fr;gap:2px;padding:7px 1px} .liveMember div{display:flex;gap:5px;align-items:center;flex-wrap:nowrap} .liveMember b{font-size:12.5px;min-width:42px} .liveMember span{font-size:11px;white-space:nowrap} .liveMember small{font-size:10.5px;white-space:nowrap;margin-left:47px} /* Player analytics: names black; charts alone carry player colors */ .analysisTable .playerNameCell,.liveCompareTable .playerNameCell{color:#111827!important} .comparisonGrid{gap:6px} .comparisonChart{padding:9px 11px} .comparisonChart h3{font-size:12.5px;margin-bottom:6px} .barRow{min-height:24px;gap:5px} .barRow>span,.barRow>b{font-size:11.5px} /* Recent score trend gets more visual weight and denser Y axis labels */ .scoreTrendSection{margin-top:16px} .scoreTrendWrap{padding:5px 3px 0} .scoreTrendSvg{max-height:245px} .trendLegend{margin:4px 0 5px;font-size:11.5px} .trendLegend span{color:#111827!important} /* Live comparison: dense but readable */ .liveCompareTable th,.liveCompareTable td{font-size:11.5px;padding:7px 2px} .liveCompareTable th{font-size:10px} .liveCompareTable th:first-child,.liveCompareTable td:first-child{width:24%;padding-left:5px} @media(max-width:700px){ .liveRoundCard{padding:10px 10px} .liveRoundActions{gap:4px}.liveRoundActions button{padding:7px 8px;font-size:10px} .liveSummary{padding:12px 10px 10px}.livePlayerName{font-size:17px}.liveSummaryMain em{font-size:24px} .liveSummaryLine{font-size:11.5px;gap:7px}.liveSummaryLine b{font-size:12px} .holeNav{grid-template-columns:88px 1fr 88px}.holeNav button{font-size:12.5px;padding:9px 2px}.holeNav strong{font-size:14px} .liveMember{padding:6px 1px}.liveMember b{font-size:11.8px;min-width:40px}.liveMember span{font-size:10.2px}.liveMember small{font-size:9.8px;margin-left:45px} .comparisonChart{padding:8px 9px}.barRow{min-height:22px} .scoreTrendSvg{max-height:235px} .liveCompareTable th,.liveCompareTable td{font-size:10.8px;padding:6px 1px}.liveCompareTable th{font-size:9.5px} } @media(max-width:390px){ .liveSummaryMain{grid-template-columns:1fr auto!important}.livePlayerName{font-size:16.5px}.liveSummaryMain em{font-size:23px} .holeNav{grid-template-columns:82px 1fr 82px}.holeNav button{font-size:12px} .liveMember b{min-width:38px}.liveMember span{font-size:9.7px}.liveMember small{font-size:9.4px;margin-left:43px} .scoreTrendSvg{max-height:225px} .liveCompareTable th,.liveCompareTable td{font-size:10.3px} } /* v3.28 live UX refinements */ .choice2{display:grid;grid-template-columns:1fr 1fr;gap:6px} .choice2 button{border:1px solid #dce3ec;background:#f8fafc;border-radius:8px;padding:9px 2px;font-size:12.5px;font-weight:850;color:#111827} .choice2 button.sel{background:#111827;color:#fff;border-color:#111827} .liveMember.oneLine{display:grid!important;grid-template-columns:42px 42px 54px 60px 72px 78px!important;align-items:center;gap:2px!important;padding:7px 0!important;white-space:nowrap;overflow:hidden} .liveMember.oneLine b,.liveMember.oneLine span{font-size:11.2px!important;font-weight:850!important;color:#111827!important;margin:0!important;min-width:0!important;white-space:nowrap!important} .liveMember.oneLine b{font-size:11.7px!important;font-weight:950!important} .finishComplete{font-size:12.5px!important;font-weight:950!important;color:#111827!important;margin-bottom:4px!important} .finishActions3{display:grid!important;grid-template-columns:1fr 1.2fr .8fr!important;gap:5px!important} .finishActions3 button{padding:10px 4px!important;font-size:11px!important;white-space:nowrap} .managerSaved,.managerDirty{margin-top:6px;padding:7px 9px;border-radius:8px;font-size:10.5px;font-weight:850;text-align:center} .managerSaved{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0} .managerDirty{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa} @media(max-width:430px){ .liveMember.oneLine{grid-template-columns:39px 38px 49px 55px 67px 72px!important;gap:1px!important} .liveMember.oneLine b,.liveMember.oneLine span{font-size:10.2px!important} .liveMember.oneLine b{font-size:10.8px!important} .finishActions3 button{font-size:10.4px!important;padding:9px 2px!important} } /* v3.29 LIVE mobile-first readability */ .liveSettlement{background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:10px 11px;margin:8px 0} .liveSettlementTitle{font-size:15px;font-weight:950;color:#111827;margin-bottom:7px}.liveSettlementTitle b{font-weight:850;color:#475569} .liveMoneyHead,.liveMoneyRow{display:grid;grid-template-columns:72px 1fr 1fr;align-items:center;gap:6px}.liveMoneyHead{font-size:11.5px;color:#64748b;padding-bottom:4px}.liveMoneyHead b{text-align:right}.liveMoneyRow{padding:4px 0;font-size:14px}.liveMoneyRow>b{font-size:14.5px;color:#111827}.liveMoneyRow span{text-align:right;font-weight:850;font-variant-numeric:tabular-nums} .currentPots{display:flex;align-items:center;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid #edf0f4;white-space:nowrap}.currentPots>span{font-size:12px;font-weight:900;color:#475569}.currentPots b{font-size:14px;padding:5px 7px;border-radius:8px} .potFirst{background:#fff4bf;color:#7a5600!important;border:1px solid #f2d46d}.potSecond{background:#fff0df;color:#934b13!important;border:1px solid #edbd8f} .livePlayerInline{padding:8px 4px 6px}.livePlayerInline>div{display:flex;align-items:baseline;gap:8px}.livePlayerInline .livePlayerName{font-size:20px;padding:0}.livePlayerInline em{font-size:24px;font-style:normal;font-weight:950}.livePlayerInline p{display:flex;gap:16px;margin:5px 0 0;font-size:14px;font-weight:800}.livePlayerInline p span{display:inline-flex;gap:5px;align-items:baseline}.livePlayerInline p b{font-size:14.5px} .liveRow{grid-template-columns:76px auto!important;justify-content:start;column-gap:8px!important;margin:5px 0!important}.liveRow label{font-size:15px!important;font-weight:900!important;align-self:center}.compactStepper{display:inline-grid!important;grid-template-columns:38px 44px 38px!important;width:auto!important;min-height:38px!important;gap:2px!important;align-items:center}.compactStepper button{width:38px!important;height:38px!important;padding:0!important;font-size:20px!important;font-weight:950!important}.compactStepper b,.compactStepper strong{width:44px!important;text-align:center!important;font-size:20px!important;font-weight:950!important;line-height:38px!important}.choice2{width:180px;grid-template-columns:1fr 1fr;gap:6px}.choice2 button{font-size:14px;padding:9px 8px}.liveHint{margin-left:84px!important;font-size:10.5px!important;line-height:1.25}.liveHoleResult{font-size:14px!important}.liveHoleResult b{font-size:17px!important}.liveNext{font-size:15px!important;padding:11px!important} .liveMember.performance{display:grid!important;grid-template-columns:68px 44px 1fr 1fr!important;gap:5px!important;padding:7px 0!important}.liveMember.performance b,.liveMember.performance span{font-size:13px!important;margin:0!important;white-space:nowrap!important}.liveMember.performance b{font-size:13.5px!important}.liveMember.performance span{text-align:left} .parGrid label span{font-size:13px!important;font-weight:950!important;color:#111827!important}.parGrid select{color:#111827!important;background:#fff!important;font-size:16px!important;font-weight:950!important;text-align:center!important;min-height:40px!important;padding:6px 0!important;-webkit-text-fill-color:#111827!important}.parBlock{padding:10px!important}.parBlock>b{font-size:13.5px!important} .liveWaitCard,.finalPool,.finalCurrent,.finalAlloc{background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:12px;margin:8px 0}.liveWaitCard h2{font-size:19px;margin:0 0 6px}.liveWaitCard p{font-size:12.5px;color:#64748b}.liveWaitCard>div,.finalCurrent>div,.finalAlloc>div{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-top:1px solid #edf0f4}.liveWaitCard>div b,.finalCurrent>div b,.finalAlloc>div b{font-size:14px}.liveWaitCard>div span,.finalCurrent>div span{font-size:14px;font-weight:900}.liveFullBtn{width:100%;font-size:15px!important;padding:12px!important;margin-top:7px} .finalPool>span{font-size:12px;font-weight:900;color:#64748b}.finalPool>div{display:flex;gap:7px;margin:7px 0}.finalPool>div b{font-size:14px;padding:6px 8px;border-radius:8px}.finalPool>strong{font-size:20px}.finalAlloc .compactStepper{grid-template-columns:34px 62px 34px!important}.finalAlloc .compactStepper button{width:34px!important;height:34px!important}.finalAlloc .compactStepper strong{width:62px!important;font-size:15px!important;line-height:34px!important}.allocationTotal{text-align:center;font-size:14px;font-weight:950;padding:8px;border-radius:8px;margin:8px 0 0}.allocationTotal.ok{background:#ecfdf5;color:#047857}.allocationTotal.warn{background:#fff7ed;color:#9a3412}.finalNote{text-align:center;color:#64748b;font-size:10.5px;line-height:1.4;margin:7px 4px} .finishLines>div{font-size:14px}.finishLines b{font-size:14.5px} @media(max-width:430px){ .liveSettlement{padding:9px 9px}.liveMoneyHead,.liveMoneyRow{grid-template-columns:64px 1fr 1fr;gap:4px}.liveMoneyRow{font-size:13px}.liveMoneyRow>b{font-size:13.5px}.currentPots{gap:5px}.currentPots b{font-size:12.5px;padding:5px 6px}.livePlayerInline .livePlayerName{font-size:19px}.livePlayerInline em{font-size:22px}.livePlayerInline p{font-size:13px;gap:12px}.livePlayerInline p b{font-size:13.5px} .holeNav{grid-template-columns:78px 1fr 78px!important}.holeNav button{font-size:12px!important}.holeNav strong{font-size:13.5px!important} .liveRow{grid-template-columns:70px auto!important;column-gap:6px!important}.liveRow label{font-size:14px!important}.compactStepper{grid-template-columns:36px 40px 36px!important}.compactStepper button{width:36px!important;height:36px!important}.compactStepper b,.compactStepper strong{width:40px!important;font-size:19px!important;line-height:36px!important}.choice2{width:164px}.choice2 button{font-size:13px}.liveHint{margin-left:76px!important} .liveMember.performance{grid-template-columns:62px 40px 1fr 1fr!important;gap:3px!important}.liveMember.performance b,.liveMember.performance span{font-size:12px!important}.liveMember.performance b{font-size:12.5px!important} .parGrid{gap:3px!important}.parGrid label span{font-size:11px!important}.parGrid select{font-size:15px!important;min-height:38px!important} } /* ===== v3.30 LIVE readability + layout ===== */ .liveDetailTopbar{min-height:10px!important;padding-top:2px!important;padding-bottom:2px!important} .liveRoundActions{gap:8px!important}.liveRoundActions button{min-height:42px!important;min-width:76px!important;padding:10px 15px!important;font-size:13.5px!important;font-weight:950!important;border-radius:10px!important} /* Par values: avoid clipped native select text, especially on Galaxy */ .parGrid select{display:block!important;width:100%!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:0 4px!important;line-height:normal!important;font-size:17px!important;font-weight:950!important;text-align:center!important;text-align-last:center!important;color:#111827!important;background:#fff!important;-webkit-text-fill-color:#111827!important;overflow:visible!important} .parGrid label{min-width:0!important;overflow:visible!important}.parGrid label span{display:block!important;text-align:center!important;font-size:13px!important;margin-bottom:4px!important} /* Main LIVE hierarchy: settlement -> merged personal/input card -> companions */ .mergedLiveCard{padding:11px 12px 12px!important;margin-top:8px!important} .mergedHeader{padding:0 0 9px!important;margin:0 0 7px!important;border-bottom:1px solid #e8edf3!important} .mergedHeader>div:first-child{display:flex!important;align-items:baseline!important;gap:7px!important} .mergedHeader .livePlayerName{font-size:21px!important;font-weight:950!important;color:#111827!important} .mergedHeader em{font-size:23px!important;font-weight:950!important;color:#111827!important} .playerMetrics{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;margin-top:5px!important;width:max-content!important;max-width:100%!important} .playerMetrics>div{display:grid!important;grid-template-columns:42px auto!important;align-items:baseline!important;column-gap:7px!important;font-size:14px!important;font-weight:850!important} .playerMetrics span{color:#475569!important;text-align:left!important}.playerMetrics b{font-size:14.5px!important;color:#111827!important;text-align:left!important;font-variant-numeric:tabular-nums!important} .holeNav{margin:8px 0 10px!important}.holeNav strong{font-size:19px!important;font-weight:1000!important;letter-spacing:.2px!important;color:#111827!important}.holeNav button{font-size:13px!important;min-height:38px!important;font-weight:900!important} .liveRow{grid-template-columns:78px auto auto!important;column-gap:7px!important;align-items:center!important}.liveRow label{font-size:15px!important} .compactStepper{grid-template-columns:36px 46px 36px!important;gap:1px!important}.compactStepper button{width:36px!important;height:38px!important}.compactStepper b,.compactStepper strong{width:46px!important;font-size:20px!important;line-height:38px!important} .stepNote{font-size:10.5px!important;font-weight:800!important;color:#64748b!important;white-space:nowrap!important;margin-left:2px!important} .scoreDiffRow .compactStepper b{font-size:20px!important} /* Settlement wording and pots */ .liveSettlementTitle{font-size:16px!important}.currentPots>span{font-size:12.5px!important;font-weight:950!important}.currentPots .potFirst,.currentPots .potSecond{font-size:14px!important;font-weight:950!important} /* Companion table: fixed, aligned columns */ .liveMemberTableHead,.liveMember.performance{display:grid!important;grid-template-columns:1.25fr .70fr .85fr .90fr!important;column-gap:6px!important;align-items:center!important} .liveMemberTableHead{padding:5px 0 4px!important;border-bottom:1px solid #e8edf3!important;color:#64748b!important;font-size:11px!important;font-weight:900!important} .liveMemberTableHead span:not(:first-child){text-align:center!important} .liveMember.performance{padding:7px 0!important;border-bottom:1px solid #f0f3f6!important} .liveMember.performance:last-child{border-bottom:0!important}.liveMember.performance b{font-size:13.5px!important;text-align:left!important}.liveMember.performance span{font-size:13px!important;text-align:center!important;font-variant-numeric:tabular-nums!important} .liveMembersHead .sectionTitle{font-size:15px!important} @media(max-width:700px){ .parGrid,.parGrid18{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 7px!important} .parGrid select{height:43px!important;min-height:43px!important;font-size:17px!important} .parGrid label span{font-size:12.5px!important} .liveRoundActions button{min-height:42px!important;min-width:72px!important;padding:10px 13px!important;font-size:13px!important} } @media(max-width:430px){ .mergedLiveCard{padding:10px 9px 11px!important}.mergedHeader .livePlayerName{font-size:20px!important}.mergedHeader em{font-size:22px!important} .playerMetrics>div{grid-template-columns:40px auto!important;font-size:13.5px!important}.playerMetrics b{font-size:14px!important} .holeNav{grid-template-columns:74px 1fr 74px!important}.holeNav strong{font-size:17px!important}.holeNav button{font-size:11.8px!important;padding:8px 2px!important} .liveRow{grid-template-columns:72px auto auto!important;column-gap:5px!important}.liveRow label{font-size:14px!important} .compactStepper{grid-template-columns:34px 42px 34px!important}.compactStepper button{width:34px!important;height:36px!important}.compactStepper b,.compactStepper strong{width:42px!important;font-size:19px!important;line-height:36px!important} .stepNote{font-size:9.8px!important} .choice2{width:158px!important}.choice2 button{font-size:13px!important;padding:9px 5px!important} .liveMemberTableHead,.liveMember.performance{grid-template-columns:1.25fr .68fr .82fr .86fr!important;column-gap:3px!important}.liveMemberTableHead{font-size:10.5px!important}.liveMember.performance b{font-size:12.7px!important}.liveMember.performance span{font-size:12.2px!important} .currentPots{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}.currentPots>span{grid-column:1/-1!important}.currentPots b{text-align:center!important} } /* ===== v3.31 LIVE rank / note / finish readability ===== */ .v331Personal{padding-bottom:10px!important} .v331Personal>div:first-child{display:flex!important;align-items:baseline!important;gap:5px!important;flex-wrap:wrap} .v331Personal .livePlayerName{font-size:21px!important} .v331Personal em{font-size:15px!important;font-style:normal!important;font-weight:900!important;color:#475569!important} .scoreSummaryLine{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:5px;font-size:13.5px;color:#475569;font-weight:800} .scoreSummaryLine b{font-size:14px;color:#111827;font-variant-numeric:tabular-nums} .v331Personal .playerMetrics{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;margin-top:7px!important} .v331Personal .playerMetrics>div{display:grid!important;grid-template-columns:40px auto!important;column-gap:7px!important;align-items:baseline!important} .v331Input .liveHint{display:none!important} .liveNote{margin:10px 0 8px;border-top:1px solid #e8edf3;padding-top:8px} .liveNote summary{cursor:pointer;font-size:13px;font-weight:900;color:#334155;list-style:none} .liveNote summary::-webkit-details-marker{display:none} .liveNote textarea{width:100%;box-sizing:border-box;margin-top:7px;resize:vertical;border:1px solid #dbe2ea;border-radius:9px;padding:9px 10px;font-size:14px;line-height:1.4;color:#111827;background:#fff} .liveRankHead,.liveRankRow{display:grid;grid-template-columns:.52fr 1.05fr .58fr .68fr .68fr .72fr .76fr;gap:4px;align-items:center} .liveRankHead{padding:6px 0 5px;border-bottom:1px solid #e5eaf0;color:#64748b;font-size:10.8px;font-weight:900;text-align:center} .liveRankHead span:nth-child(2){text-align:left} .liveRankRow{padding:8px 0;border-bottom:1px solid #f0f3f6;font-size:12.7px;font-variant-numeric:tabular-nums;text-align:center} .liveRankRow:last-child{border-bottom:0} .liveRankRow strong{text-align:left;font-size:13.2px;color:#111827;white-space:nowrap} .liveRankRow b{font-size:14px} .liveRankRow.me{background:#f8fafc;border-radius:7px} .liveMembersHead .sectionTitle span{font-size:11.5px;color:#64748b;font-weight:800} .finishCardSimple{background:#fff;border:1px solid #dfe5ec;border-radius:14px;padding:16px 14px;margin-top:10px} .finishCompleteV331{display:inline-block;background:#eaf8ef;color:#15803d;border:1px solid #bde7c9;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:950} .finishName{margin-top:12px;font-size:18px;font-weight:950;color:#111827} .finishMainScore{display:flex;align-items:baseline;gap:10px;margin-top:4px} .finishMainScore strong{font-size:34px;line-height:1.05;color:#111827;font-weight:1000} .finishMainScore em{font-size:28px;line-height:1;font-style:normal;font-weight:1000;color:#111827} .finishApplied{margin-top:5px;font-size:14px;font-weight:850;color:#475569} .finishCourseInline{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding:10px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4} .finishCourseInline span{font-size:14px;color:#475569;font-weight:800} .finishCourseInline b{font-size:16px;color:#111827;margin-left:4px} .finishStatsInline{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:11px} .finishStatsInline.two{grid-template-columns:1fr 1fr;margin-top:7px} .finishStatsInline span{font-size:12.5px;color:#64748b;font-weight:800;white-space:nowrap} .finishStatsInline b{font-size:14px;color:#111827} .finishMoneySimple{margin-top:12px;padding-top:8px;border-top:1px solid #edf0f4} .finishMoneySimple>div{display:grid;grid-template-columns:110px auto;align-items:center;gap:8px;padding:4px 0} .finishMoneySimple span{font-size:13.5px;color:#475569;font-weight:800} .finishMoneySimple b{font-size:14px;color:#111827;font-variant-numeric:tabular-nums} .finishNote{margin-top:10px;padding-top:9px;border-top:1px solid #edf0f4} .finishNote span{font-size:12.5px;color:#64748b;font-weight:900} .finishNote p{margin:4px 0 0;font-size:14px;line-height:1.45;color:#111827} .finishActions3{margin-top:10px!important} @media(max-width:430px){ .scoreSummaryLine{gap:9px;font-size:12.8px} .scoreSummaryLine b{font-size:13.3px} .liveRankHead,.liveRankRow{grid-template-columns:.46fr 1.08fr .54fr .64fr .64fr .70fr .74fr;gap:2px} .liveRankHead{font-size:9.9px} .liveRankRow{font-size:11.5px;padding:7px 0} .liveRankRow strong{font-size:12.1px} .liveRankRow b{font-size:12.5px} .finishCardSimple{padding:14px 12px} .finishMainScore strong{font-size:32px} .finishMainScore em{font-size:26px} .finishStatsInline span{font-size:11.5px} .finishStatsInline b{font-size:13px} .finishMoneySimple>div{grid-template-columns:102px auto} } /* ===== v3.32 memo UX ===== */ .roundMemoBox{margin-top:12px;padding-top:10px;border-top:1px solid #edf0f4} .roundMemoBox label{display:block;font-size:13px;font-weight:950;color:#334155;margin-bottom:6px} .roundMemoBox textarea{width:100%;box-sizing:border-box;border:1px solid #dbe2ea;border-radius:9px;padding:9px 10px;font-size:14px;line-height:1.4;resize:vertical;background:#fff;color:#111827} .scorecardMemoTools{display:flex;justify-content:flex-end;margin:0 0 8px} .scorecardMemoTools .small{padding:7px 10px;font-size:12px} .memoBadge{border:0;background:#eef3f8;color:#334155;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900} .holeMemoDetail td{background:#f8fafc!important;text-align:left!important;padding:8px 10px!important} .holeMemoDetail b{font-size:12px;color:#334155} .holeMemoDetail p{margin:3px 0 0;font-size:13px;line-height:1.45;color:#111827} .memoOnlyList{border:1px solid #e3e8ee;border-radius:10px;overflow:hidden;margin-bottom:10px} .memoOnlyList>div{display:grid;grid-template-columns:42px 1fr;gap:7px;padding:8px 10px;border-bottom:1px solid #edf0f4} .memoOnlyList>div:last-child{border-bottom:0} .memoOnlyList b{font-size:12px;color:#475569} .memoOnlyList span{font-size:13px;line-height:1.4;color:#111827} /* ===== v3.33 completed LIVE + stable memo ===== */ .stableMemo{margin:10px 0 8px;border-top:1px solid #e8edf3;padding-top:8px} .memoToggle{border:0;background:transparent;padding:0;color:#334155;font-size:13px;font-weight:950;cursor:pointer} .stableMemo textarea{width:100%;box-sizing:border-box;margin-top:7px;resize:vertical;border:1px solid #dbe2ea;border-radius:9px;padding:9px 10px;font-size:14px;line-height:1.4;color:#111827;background:#fff} .completedPlayerTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0} .completedPlayerTabs button{border:1px solid #dce3ea;background:#fff;border-radius:9px;padding:10px 2px;font-size:13px;font-weight:900;color:#111827;white-space:nowrap} .completedPlayerTabs button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8} .completedRankBox{margin-top:8px} .completedResultCard{margin-top:10px} .completedActions{display:flex;justify-content:center;margin-top:10px} .completedActions button{min-width:140px} @media(max-width:390px){ .completedPlayerTabs{gap:3px} .completedPlayerTabs button{font-size:12px;padding:9px 1px} } /* ===== v3.34 Player 실시간 현황 readability ===== */ .v334PlayerPanel{padding:10px 12px 9px!important} .playerPanelTitle{font-size:13px;font-weight:950;color:#475569;margin-bottom:6px} .playerMainLine{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap} .playerMainLine .livePlayerName{font-size:20px!important;font-weight:950!important} .grossVsPar{font-size:20px;color:#111827;font-weight:1000;line-height:1} .netRankText{font-size:13.5px;color:#475569;font-weight:900} .playerMetrics.singleRow{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:14px!important; margin-top:7px!important; max-width:310px } .playerMetrics.singleRow>div{ display:grid!important; grid-template-columns:38px auto!important; align-items:baseline!important; column-gap:6px!important } .playerMetrics.singleRow span{font-size:13px!important;color:#64748b!important;font-weight:850!important} .playerMetrics.singleRow b{font-size:14px!important;color:#111827!important;font-weight:950!important;white-space:nowrap} @media(max-width:390px){ .playerMainLine{gap:5px} .playerMainLine .livePlayerName,.grossVsPar{font-size:18px!important} .netRankText{font-size:12.5px} .playerMetrics.singleRow{gap:10px!important;max-width:100%} .playerMetrics.singleRow>div{grid-template-columns:34px auto!important;column-gap:5px!important} } /* ===== v3.35 compact score-type row ===== */ .v335PlayerPanel{padding:10px 12px 8px!important} .playerScoreTypes{ display:grid; grid-template-columns:repeat(4,auto); justify-content:start; gap:14px; margin-top:6px; padding-top:6px; border-top:1px solid #edf0f4; font-size:12.5px; color:#64748b; font-weight:850 } .playerScoreTypes b{ color:#111827; font-size:13.5px; font-weight:950; margin-left:2px } @media(max-width:390px){ .playerScoreTypes{gap:10px;font-size:11.8px} .playerScoreTypes b{font-size:12.8px} } /* ===== v3.36 LIVE 통계 ===== */ .tableCaption{font-size:12px;font-weight:950;color:#475569;margin:9px 0 5px} .scoreTypeAvgTable table{table-layout:fixed;width:100%} .scoreTypeAvgTable th,.scoreTypeAvgTable td{padding-left:4px!important;padding-right:4px!important;text-align:center} .scoreTypeAvgTable .playerNameCell{text-align:left!important} .liveScoreSummary{border:1px solid #e3e8ee;border-radius:12px;padding:11px;margin-bottom:12px;background:#fff} .liveScoreSummaryTitle{font-size:13px;font-weight:950;color:#334155;margin-bottom:7px} .liveScoreSummaryTitle.avg{margin-top:11px;padding-top:9px;border-top:1px solid #edf0f4} .liveScoreSummaryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 9px} .liveScoreSummaryGrid>div{display:flex;align-items:baseline;justify-content:space-between;gap:5px} .liveScoreSummaryGrid span{font-size:12px;color:#64748b;font-weight:850} .liveScoreSummaryGrid b{font-size:14px;color:#111827;font-weight:950;font-variant-numeric:tabular-nums} @media(max-width:390px){ .scoreTypeAvgTable th,.scoreTypeAvgTable td{font-size:10.5px!important;padding-left:2px!important;padding-right:2px!important} .liveScoreSummaryGrid{gap:6px 7px} } /* ===== v3.38 LIVE hole navigation ===== */ .holeNav.compactNav{ display:grid!important; grid-template-columns:minmax(76px,auto) 1fr minmax(76px,auto)!important; align-items:center!important; } .holeNav.compactNav strong{ text-align:center; } .holeNavSpacer{ display:block; min-width:76px; } /* ===== v3.39 LIVE header / order / stats ===== */ .livePlay .liveTop{ padding-top:4px; padding-bottom:8px; } .livePlay .liveTop>div:nth-child(2){ min-width:0; } .livePlay .liveTop>div:nth-child(2)>b{ display:block; font-size:18px!important; line-height:1.25!important; font-weight:950!important; color:#111827!important; } .livePlay .liveTop>div:nth-child(2)>span{ display:block; margin-top:3px; font-size:13.5px!important; line-height:1.3!important; font-weight:800!important; color:#475569!important; } .livePlay .mergedLiveCard{ margin-bottom:0!important; } .livePlay .settlementBoard, .livePlay .liveSettlement{ margin-top:8px!important; } .scoreTypeAvgTable table{ table-layout:fixed; } .scoreTypeAvgTable th:first-child, .scoreTypeAvgTable td:first-child{ width:23%; } .scoreTypeAvgTable th:not(:first-child), .scoreTypeAvgTable td:not(:first-child){ width:15.4%; } @media(max-width:390px){ .livePlay .liveTop>div:nth-child(2)>b{font-size:17px!important} .livePlay .liveTop>div:nth-child(2)>span{font-size:13px!important} } /* ===== v3.42 streamlined LIVE ===== */ .v342Signals{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0 9px} .v342Signal{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:6px 3px;display:grid;grid-template-columns:auto;justify-items:center;gap:2px;min-width:0} .v342Signal.me{box-shadow:inset 0 0 0 2px rgba(37,99,235,.14)} .v342Dot{width:9px;height:9px;border-radius:50%;background:#9ca3af} .v342Signal.ok .v342Dot{background:#22c55e} .v342Signal.warn .v342Dot{background:#f59e0b} .v342Signal.late .v342Dot{background:#ef4444} .v342Signal.idle .v342Dot{background:#9ca3af} .v342Signal b{font-size:12px;color:#111827;white-space:nowrap} .v342Signal small{font-size:10px;color:#64748b;font-weight:800} .v342Player{padding:10px 12px 8px!important} .v342Types{display:grid!important;grid-template-columns:repeat(5,auto)!important;justify-content:start!important;gap:9px!important;margin-top:6px!important;padding-top:6px!important} .v342Types span{white-space:nowrap;font-size:11.5px!important} .v342Types b{font-size:12.5px!important} .v342Pot{margin:10px 0 8px;padding:10px 11px;border:1px solid #f3d08c;background:#fff8e8;border-radius:12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px} .v342Pot>span{font-size:13px;font-weight:950;color:#6b4b00} .v342Pot b{padding:5px 8px;border-radius:999px;font-size:13px;font-weight:1000;white-space:nowrap} .v342Pot .one{background:#ffefad;color:#755000} .v342Pot .two{background:#ffdfbd;color:#8b3f00} .v342PopupBtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px} .v342PopupBtns button{border-radius:12px;padding:12px 9px;font-size:14px;font-weight:950;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a} .v342PopupBtns button:first-child{border-color:#fdba74;background:#fff7ed;color:#9a3412} .v342PopupBtns button:last-child{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8} .v342PopupBtns small{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.7);font-size:10px;font-weight:1000} .popupRanking{margin-top:4px} @media(max-width:390px){ .v342Signals{gap:4px} .v342Signal{padding:5px 2px} .v342Signal b{font-size:11px} .v342Types{gap:5px!important} .v342Types span{font-size:10.5px!important} .v342Pot{grid-template-columns:1fr 1fr;gap:6px} .v342Pot>span{grid-column:1/-1} .v342Pot b{text-align:center;font-size:12.5px} } /* ===== v3.43 LIVE polish ===== */ .memberStatusTitle{ font-size:14px; font-weight:950; color:#0f172a; margin:8px 2px 6px; } .v343Signals{ display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin:0 0 10px; } .v343Signal{ border:1px solid #e5e7eb; background:#fff; border-radius:10px; padding:7px 3px 6px; display:grid; grid-template-columns:auto; justify-items:center; gap:2px; min-width:0; } .v343Signal.me{border-color:#bfdbfe;background:#f8fbff} .v343Dot{width:10px;height:10px;border-radius:50%;background:#9ca3af} .v343Signal.done .v343Dot{background:#22c55e} .v343Signal.active .v343Dot{background:#3b82f6} .v343Signal.wait .v343Dot{background:#9ca3af} .v343Signal b{font-size:12px;color:#111827;white-space:nowrap} .v343Signal small{font-size:10.5px;font-weight:850;color:#64748b} .v343Signal.done small{color:#15803d} .v343Signal.active small{color:#2563eb} .v343Player{padding:10px 12px 8px!important} .livePlayerLocked{ font-size:20px; font-weight:950; color:#111827; } .v343Types{ display:grid!important; grid-template-columns:repeat(5,auto)!important; justify-content:start!important; gap:9px!important; margin-top:6px!important; padding-top:6px!important; } .v343Types span{white-space:nowrap;font-size:11.5px!important} .v343Types b{font-size:12.5px!important} .v343HoleHead{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 10px 8px; border-top:1px solid #edf0f4; border-bottom:1px solid #edf0f4; } .holeHeadLeft{ display:flex; align-items:center; gap:8px; min-width:0; } .holeHeadLeft button{ border:0;background:transparent;color:#64748b; font-size:12px;font-weight:850;padding:4px 2px; } .holeHeadLeft strong{ font-size:18px; color:#0f172a; white-space:nowrap; font-weight:1000; } .v343PotInline{ display:flex; align-items:center; gap:7px; background:#fffaf0; border:1px solid #f5e1ba; border-radius:10px; padding:7px 9px; white-space:nowrap; } .v343PotInline .coinMark{ width:19px;height:19px;border-radius:50%; display:inline-grid;place-items:center; font-size:0;background:#f5b51b; box-shadow:inset 0 -4px 0 rgba(179,113,0,.18); } .v343PotInline b{ font-size:14px; font-weight:1000; } .v343PotInline .one{color:#9a6700} .v343PotInline .two{color:#475569} .v343PotInline i{width:1px;height:20px;background:#e7d9be;display:block} .v343Memo .memoToggle{ display:inline-flex; align-items:center; gap:5px; } .v343Memo textarea{margin-top:7px} .v343PopupBtns{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; } .v343PopupBtns button{ min-height:52px; border:1px solid #dbe3ec; border-radius:12px; background:#fff; color:#0f172a; padding:9px 10px; display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:7px; box-shadow:0 2px 8px rgba(15,23,42,.035); } .v343PopupBtns .popupIcon{ color:#2563eb; font-size:18px; font-weight:900; } .v343PopupBtns button:last-child .popupIcon{color:#c58a00} .v343PopupBtns b{font-size:14px;text-align:left} .v343PopupBtns small{ background:#f1f5f9; color:#64748b; border-radius:999px; padding:3px 7px; font-size:10px; font-weight:900; } .v343PopupBtns em{ color:#94a3b8; font-style:normal; font-size:20px; } @media(max-width:390px){ .v343Signals{gap:4px} .v343Signal{padding:6px 2px} .v343Signal b{font-size:11px} .v343Signal small{font-size:9.5px} .v343Types{gap:5px!important} .v343Types span{font-size:10.4px!important} .v343HoleHead{align-items:flex-start} .holeHeadLeft{display:grid;gap:2px} .holeHeadLeft strong{font-size:17px} .v343PotInline{padding:6px 7px;gap:5px} .v343PotInline b{font-size:13px} .v343PotInline .coinMark{width:17px;height:17px} .v343PopupBtns button{padding:8px 7px} .v343PopupBtns b{font-size:13px} } /* ===== v3.44 Visual alignment close to approved mockup ===== */ .v344Signals{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:0 0 10px; } .v344Signal{ min-width:0; border:1px solid #e5e7eb; background:#fff; border-radius:12px; padding:8px 3px 7px; display:grid; justify-items:center; gap:3px; } .v344Signal.me{background:#f7fbff;border-color:#bfdbfe;box-shadow:inset 0 0 0 1px rgba(59,130,246,.08)} .v344Dot{width:11px;height:11px;border-radius:50%;background:#9ca3af} .v344Signal.done .v344Dot{background:#22c55e} .v344Signal.active .v344Dot{background:#3b82f6} .v344Signal.wait .v344Dot{background:#ef4444} .v344Signal b{font-size:12px;font-weight:950;color:#111827;white-space:nowrap} .v344Signal small{font-size:10.3px;font-weight:900;color:#64748b;white-space:nowrap} .v344Signal.done small{color:#15803d} .v344Signal.active small{color:#2563eb} .v344Signal.wait small{color:#b91c1c} .v344Player{padding:10px 12px 8px!important} .v344Types{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:0!important; margin-top:7px!important; padding-top:7px!important; border-top:1px solid #edf0f4!important; } .v344Types span{ text-align:center!important; white-space:nowrap!important; font-size:10.8px!important; padding:0 2px!important; } .v344Types b{display:block!important;font-size:13px!important;margin-top:3px!important} .v344HoleHead{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; padding:10px 11px; border-top:1px solid #edf0f4; border-bottom:1px solid #edf0f4; } .v344PrevHole{ min-width:82px; min-height:40px; border:1px solid #dbe3ec; background:#fff; color:#334155; border-radius:10px; font-size:13px; font-weight:900; padding:0 10px; } .v344PrevHole:disabled{opacity:.45} .v344HoleTitle{ min-width:0; text-align:center; font-size:18px; font-weight:1000; color:#0f172a; white-space:nowrap; } .v344PotInline{ display:flex; align-items:center; justify-content:flex-end; gap:6px; min-width:0; background:#fffaf0; border:1px solid #f4dfb3; border-radius:10px; padding:7px 8px; } .v344PotInline .coinMark{ flex:0 0 17px; width:17px;height:17px;border-radius:50%; font-size:0;background:#f5b51b; box-shadow:inset 0 -4px 0 rgba(179,113,0,.16); } .v344PotInline b{ font-size:13px; line-height:1; font-weight:1000; white-space:nowrap; } .v344PotInline .one{color:#9a6700} .v344PotInline .two{color:#475569} .v344PopupBtns{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; } .v344PopupBtns button{ min-height:52px; border:1px solid #dce4ec; background:#fff; border-radius:12px; padding:9px 10px; color:#0f172a; display:grid; grid-template-columns:auto 1fr auto auto; gap:7px; align-items:center; box-shadow:0 2px 7px rgba(15,23,42,.035); } .v344PopupBtns .popupIcon{font-size:18px;color:#64748b} .v344PopupBtns b{font-size:14px;text-align:left} .v344PopupBtns small{ border-radius:999px;background:#f1f5f9;color:#64748b; font-size:10px;font-weight:900;padding:3px 7px; } .v344PopupBtns em{font-style:normal;color:#94a3b8;font-size:20px} /* 실시간 순위 팝업을 모바일에서도 크게 */ .modal:has(.v344RankingPopup), .modalCard:has(.v344RankingPopup), .dialog:has(.v344RankingPopup){ width:min(96vw,760px)!important; max-width:760px!important; max-height:90vh!important; } .v344RankingPopup{ font-size:14px!important; overflow-x:auto; padding-bottom:4px; } .v344RankingPopup .liveRankHead, .v344RankingPopup .liveRankRow{ min-width:620px; grid-template-columns:52px 1.3fr 64px 70px 70px 78px 70px!important; padding-top:11px!important; padding-bottom:11px!important; } .v344RankingPopup .liveRankRow.me{background:#f2f7ff} @media(max-width:430px){ .v344Signals{gap:4px} .v344Signal{padding:7px 2px 6px} .v344Signal b{font-size:11px} .v344Signal small{font-size:9.2px} .v344HoleHead{ grid-template-columns:76px minmax(118px,1fr) auto; gap:5px; padding:9px 7px; } .v344PrevHole{ min-width:76px; min-height:42px; font-size:12px; padding:0 6px; } .v344HoleTitle{font-size:16px} .v344PotInline{ gap:4px; padding:6px; } .v344PotInline .coinMark{display:none} .v344PotInline b{font-size:12px} } /* ===== v3.45 member signals - forced visible ===== */ .v345MemberTitle{ margin:8px 2px 6px; font-size:14px; font-weight:950; color:#0f172a; } .v345Members{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:6px!important; margin:0 0 10px!important; } .v345Member{ min-width:0; border:1px solid #e5e7eb; background:#fff; border-radius:12px; padding:8px 5px; display:flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; } .v345Member.me{ border-color:#bfdbfe; background:#f8fbff; } .v345Light{ flex:0 0 11px; width:11px!important; height:11px!important; border-radius:50%!important; display:block!important; background:#9ca3af; } .v345Member.done .v345Light{background:#22c55e!important} .v345Member.active .v345Light{background:#3b82f6!important} .v345Member.waiting .v345Light{background:#ef4444!important} .v345MemberText{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; line-height:1.08; } .v345MemberText b{ font-size:11.5px!important; font-weight:950!important; color:#111827!important; white-space:nowrap!important; } .v345MemberText small{ margin-top:3px; font-size:9.5px!important; font-weight:900!important; white-space:nowrap!important; } .v345Member.done small{color:#15803d!important} .v345Member.active small{color:#2563eb!important} .v345Member.waiting small{color:#b91c1c!important} .v345Player{padding:10px 12px 8px!important} .v345Types{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:0!important; margin-top:7px!important; padding-top:7px!important; border-top:1px solid #edf0f4!important; } .v345Types span{ text-align:center!important; white-space:nowrap!important; font-size:10.8px!important; } .v345Types b{ display:block!important; font-size:13px!important; margin-top:3px!important; } .v345HoleHead{ display:grid!important; grid-template-columns:84px minmax(115px,1fr) auto!important; align-items:center!important; gap:7px!important; padding:10px 9px!important; border-top:1px solid #edf0f4; border-bottom:1px solid #edf0f4; } .v345PrevHole{ min-width:84px!important; min-height:42px!important; border:1px solid #dbe3ec!important; background:#fff!important; border-radius:10px!important; color:#334155!important; font-size:13px!important; font-weight:900!important; } .v345HoleTitle{ text-align:center; font-size:17px!important; font-weight:1000!important; color:#0f172a!important; white-space:nowrap; } .v345PotInline{ display:flex!important; align-items:center!important; gap:5px!important; border:1px solid #f4dfb3; background:#fffaf0; border-radius:10px; padding:6px 7px; white-space:nowrap; } .v345Coin{ width:16px;height:16px;border-radius:50%; font-size:0;background:#f5b51b;display:block;flex:0 0 16px; } .v345PotInline b{ font-size:12px!important; font-weight:1000!important; color:#8a5d00!important; white-space:nowrap!important; } .v345PotInline b:last-child{color:#475569!important} .v345PopupBtns{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; margin-top:10px!important; } .v345PopupBtns button{ min-height:52px!important; border:1px solid #dce4ec!important; background:#fff!important; border-radius:12px!important; padding:9px 10px!important; color:#0f172a!important; display:grid!important; grid-template-columns:auto 1fr auto auto!important; gap:7px!important; align-items:center!important; } .v345PopupBtns b{font-size:14px!important;text-align:left!important} .v345PopupBtns small{ border-radius:999px;background:#f1f5f9;color:#64748b; font-size:10px;font-weight:900;padding:3px 7px; } .v345PopupBtns em{font-style:normal;color:#94a3b8;font-size:20px} @media(max-width:430px){ .v345Members{gap:4px!important} .v345Member{ flex-direction:column!important; gap:3px!important; padding:7px 2px!important; } .v345MemberText{ align-items:center!important; } .v345MemberText b{font-size:10.8px!important} .v345MemberText small{font-size:8.9px!important} .v345HoleHead{ grid-template-columns:78px minmax(112px,1fr) auto!important; gap:5px!important; padding:9px 6px!important; } .v345PrevHole{ min-width:78px!important; min-height:42px!important; font-size:12px!important; } .v345HoleTitle{font-size:15.5px!important} .v345PotInline{ gap:4px!important; padding:5px 6px!important; } .v345Coin{display:none!important} .v345PotInline b{font-size:11.5px!important} } /* ===== v3.46 hole title / prev / prize alignment ===== */ .v346HoleHead{ padding:10px 10px 9px; border-top:1px solid #edf0f4; border-bottom:1px solid #edf0f4; } .v346HoleTitle{ text-align:center; font-size:19px; line-height:1.15; font-weight:1000; color:#0f172a; margin-bottom:8px; white-space:nowrap; } .v346HoleControls{ display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px; } .v346PrevHole{ min-width:92px; min-height:44px; border:1px solid #dbe3ec; background:#fff; color:#334155; border-radius:10px; font-size:13px; font-weight:900; padding:0 12px; } .v346PrevHole:disabled{opacity:.45} .v346PotInline{ min-width:0; display:flex; align-items:center; justify-content:flex-end; gap:8px; border:1px solid #f4dfb3; background:#fffaf0; border-radius:10px; padding:8px 10px; overflow:hidden; } .v346Coin{ flex:0 0 18px; width:18px; height:18px; border-radius:50%; background:#f5b51b; box-shadow:inset 0 -4px 0 rgba(179,113,0,.16); } .v346PotInline b{ min-width:0; font-size:13px; line-height:1; font-weight:1000; white-space:nowrap; } .v346PotInline .one{color:#9a6700} .v346PotInline .two{color:#475569} @media(max-width:430px){ .v346HoleTitle{ font-size:17px; margin-bottom:7px; } .v346HoleControls{ grid-template-columns:84px minmax(0,1fr); gap:7px; } .v346PrevHole{ min-width:84px; min-height:42px; padding:0 8px; font-size:12px; } .v346PotInline{ gap:5px; padding:7px 7px; } .v346Coin{display:none} .v346PotInline b{font-size:12px} } @media(max-width:360px){ .v346PotInline{ display:grid; grid-template-columns:1fr 1fr; gap:4px; text-align:center; } .v346PotInline b{font-size:11.5px} } /* ===== v3.48 larger LIVE ranking popup ===== */ .modal:has(.v344RankingPopup), .modal:has(.v348RankingPopup), .modalCard:has(.v344RankingPopup), .modalCard:has(.v348RankingPopup), .dialog:has(.v344RankingPopup), .dialog:has(.v348RankingPopup){ width:min(97vw,820px)!important; max-width:820px!important; max-height:92vh!important; padding:18px!important; } .v344RankingPopup, .v348RankingPopup{ width:100%!important; max-width:none!important; font-size:15px!important; overflow-x:auto!important; } .v344RankingPopup .liveRankHead, .v344RankingPopup .liveRankRow, .v348RankingPopup .liveRankHead, .v348RankingPopup .liveRankRow{ min-width:680px!important; grid-template-columns:58px 1.4fr 70px 78px 78px 88px 78px!important; padding-top:13px!important; padding-bottom:13px!important; column-gap:8px!important; } .v344RankingPopup .liveRankHead, .v348RankingPopup .liveRankHead{ font-size:13px!important; font-weight:950!important; } .v344RankingPopup .liveRankRow, .v348RankingPopup .liveRankRow{ font-size:14px!important; } @media(max-width:430px){ .modal:has(.v344RankingPopup), .modal:has(.v348RankingPopup), .modalCard:has(.v344RankingPopup), .modalCard:has(.v348RankingPopup), .dialog:has(.v344RankingPopup), .dialog:has(.v348RankingPopup){ width:98vw!important; max-width:98vw!important; max-height:94vh!important; padding:14px!important; } .v344RankingPopup .liveRankHead, .v344RankingPopup .liveRankRow, .v348RankingPopup .liveRankHead, .v348RankingPopup .liveRankRow{ min-width:640px!important; padding-top:12px!important; padding-bottom:12px!important; } } /* ===== v3.49 compact Player + emphasized pot ===== */ .v349Player{padding:9px 10px 8px!important} .v349Player .playerPanelTitle{margin-bottom:5px!important} .v349PlayerMain{ display:grid; grid-template-columns:minmax(0,1.45fr) minmax(72px,.72fr) minmax(86px,.83fr); align-items:center; gap:5px; } .v349Identity{ min-width:0; display:flex; align-items:baseline; gap:6px; } .v349Identity strong{ min-width:0; font-size:19px; line-height:1; font-weight:1000; color:#111827; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .v349Identity>b{ flex:0 0 auto; font-size:23px; line-height:1; font-weight:1000; color:#111827; } .v349Metric{ min-width:0; display:grid; grid-template-columns:auto 1fr; align-items:baseline; column-gap:3px; line-height:1; } .v349Metric span{ font-size:10px; font-weight:900; color:#64748b; } .v349Metric b{ font-size:17px; font-weight:1000; color:#111827; text-align:right; white-space:nowrap; } .v349Metric small{ grid-column:1/-1; margin-top:3px; font-size:9px; font-weight:800; color:#94a3b8; text-align:right; } .v349Types{ display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-top:7px; padding-top:7px; border-top:1px solid #edf0f4; } .v349Types>div{text-align:center;min-width:0} .v349Types span{ display:block; font-size:10px; line-height:1.1; font-weight:850; color:#64748b; white-space:nowrap; } .v349Types b{ display:block; margin-top:3px; font-size:15px; line-height:1; font-weight:1000; color:#111827; } .v349HoleHead{ padding:9px 9px 8px; border-top:1px solid #edf0f4; border-bottom:1px solid #edf0f4; } .v349HoleTitle{ text-align:center; font-size:18px; line-height:1; font-weight:1000; color:#0f172a; margin-bottom:7px; } .v349HoleControls{ display:grid; grid-template-columns:90px minmax(0,1fr); align-items:center; gap:8px; } .v349PrevHole{ min-height:42px; border:1px solid #dbe3ec; border-radius:10px; background:#fff; color:#334155; font-size:13px; font-weight:900; } .v349Pot{ min-width:0; display:flex; justify-content:flex-end; align-items:center; gap:7px; padding:7px 8px; border:1px solid #ead7ae; border-radius:10px; background:#fffaf0; } .v349Pot b{ flex:0 1 auto; min-width:0; font-size:16px; line-height:1; font-weight:1000; white-space:nowrap; } .v349Pot .one{color:#956300} .v349Pot .two{color:#4b5563} /* ===== v3.49 settlement popup ===== */ .v349Settlement{ border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; } .v349SetHead,.v349SetRow{ display:grid; grid-template-columns:1.15fr 1fr 1fr; align-items:center; column-gap:6px; padding:11px 12px; } .v349SetHead{ background:#f8fafc; color:#64748b; font-size:11px; font-weight:900; } .v349SetHead b{text-align:right} .v349SetRow{ border-top:1px solid #edf0f4; font-size:14px; } .v349SetRow strong{font-weight:950;color:#111827} .v349SetRow span{ text-align:right; font-size:15px; font-weight:950; color:#111827; font-variant-numeric:tabular-nums; } .v349SetRow.me{background:#f7fbff} /* ===== v3.49 ranking popup: fit all columns without horizontal scroll ===== */ .modal:has(.v349Rank), .modalCard:has(.v349Rank), .dialog:has(.v349Rank){ width:min(96vw,720px)!important; max-width:720px!important; max-height:90vh!important; padding:14px!important; } .v349Rank{ width:100%; overflow:hidden!important; border:1px solid #e5e7eb; border-radius:12px; background:#fff; } .v349RankHead,.v349RankRow{ width:100%; display:grid!important; grid-template-columns:.55fr 1.15fr .62fr .68fr .68fr .86fr .72fr!important; align-items:center; column-gap:2px!important; padding:10px 5px!important; box-sizing:border-box; min-width:0!important; } .v349RankHead{ background:#f8fafc; color:#64748b; font-size:10.5px!important; font-weight:900; text-align:center; } .v349RankRow{ border-top:1px solid #edf0f4; font-size:13px!important; text-align:center; } .v349RankRow>*{ min-width:0!important; white-space:nowrap; overflow:hidden; text-overflow:clip; } .v349RankRow strong{text-align:left;font-weight:950} .v349RankRow.me{background:#f2f7ff} /* Small mobile adjustments */ @media(max-width:430px){ .v349PlayerMain{ grid-template-columns:minmax(0,1.35fr) minmax(66px,.72fr) minmax(78px,.83fr); gap:3px; } .v349Identity strong{font-size:17px} .v349Identity>b{font-size:21px} .v349Metric b{font-size:15.5px} .v349Metric span{font-size:9.5px} .v349Metric small{font-size:8.5px} .v349Types span{font-size:9.4px} .v349Types b{font-size:14px} .v349HoleControls{grid-template-columns:84px minmax(0,1fr);gap:6px} .v349Pot{gap:5px;padding:7px 6px} .v349Pot b{font-size:15px} .modal:has(.v349Rank), .modalCard:has(.v349Rank), .dialog:has(.v349Rank){ width:98vw!important; max-width:98vw!important; padding:10px!important; } .v349RankHead,.v349RankRow{ grid-template-columns:.5fr 1.08fr .58fr .64fr .64fr .84fr .68fr!important; column-gap:1px!important; padding:9px 3px!important; } .v349RankHead{font-size:9.2px!important} .v349RankRow{font-size:11.5px!important} } /* ===== v3.50 visual refinement ===== */ /* Player 실시간: one clean row, even spacing */ .v349Player{ padding:8px 9px 7px!important; } .v349Player .playerPanelTitle{ margin-bottom:6px!important; font-size:13px!important; } .v349PlayerMain{ display:grid!important; grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) minmax(0,.95fr)!important; align-items:center!important; gap:0!important; } .v349Identity, .v349Metric{ min-width:0!important; min-height:48px!important; display:flex!important; align-items:center!important; justify-content:center!important; position:relative!important; } .v349Identity{ justify-content:flex-start!important; gap:7px!important; padding-right:8px!important; } .v349Metric{ flex-direction:column!important; gap:2px!important; border-left:1px solid #e7edf3!important; padding:0 5px!important; } .v349Identity strong{ font-size:18px!important; line-height:1!important; font-weight:1000!important; color:#111827!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .v349Identity>b{ font-size:25px!important; line-height:1!important; font-weight:1000!important; color:#111827!important; } .v349Metric span{ font-size:10px!important; line-height:1!important; font-weight:900!important; color:#64748b!important; } .v349Metric b{ font-size:20px!important; line-height:1.05!important; font-weight:1000!important; color:#111827!important; text-align:center!important; } .v349Metric small{ margin-top:1px!important; font-size:9px!important; line-height:1!important; font-weight:800!important; color:#94a3b8!important; text-align:center!important; } /* Score-type row under it */ .v349Types{ margin-top:6px!important; padding-top:6px!important; } .v349Types span{ font-size:9.8px!important; } .v349Types b{ font-size:15px!important; margin-top:3px!important; } /* Hole header: title close to input box, previous-hole left, prizes compact right */ .v349HoleHead{ padding:8px 8px 6px!important; border-top:1px solid #edf0f4!important; border-bottom:1px solid #edf0f4!important; margin-bottom:0!important; } .v349HoleTitle{ text-align:left!important; padding-left:2px!important; font-size:18px!important; line-height:1!important; font-weight:1000!important; color:#0f172a!important; margin-bottom:7px!important; } .v349HoleControls{ display:grid!important; grid-template-columns:92px minmax(0,1fr)!important; align-items:center!important; gap:8px!important; } .v349PrevHole{ min-height:42px!important; border:1px solid #dbe3ec!important; border-radius:10px!important; background:#fff!important; color:#334155!important; font-size:13px!important; font-weight:900!important; padding:0 10px!important; } .v349Pot{ min-width:0!important; min-height:42px!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; padding:5px 8px!important; border:0!important; background:transparent!important; border-radius:0!important; } .v349Pot b{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:4px!important; font-size:17px!important; line-height:1!important; font-weight:1000!important; white-space:nowrap!important; padding:7px 10px!important; border-radius:10px!important; } .v349Pot .one{ color:#8b5e00!important; background:#fff3cf!important; border:1px solid #f3d681!important; } .v349Pot .two{ color:#475569!important; background:#f3f6fa!important; border:1px solid #d9e0e8!important; } /* keep the input box visually attached to the header */ .v349Live .liveInputCard{ margin-top:0!important; padding-top:10px!important; } @media(max-width:430px){ .v349PlayerMain{ grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr) minmax(0,1fr)!important; } .v349Identity{ padding-right:5px!important; gap:5px!important; } .v349Identity strong{font-size:16.5px!important} .v349Identity>b{font-size:22px!important} .v349Metric b{font-size:18px!important} .v349Metric span{font-size:9.3px!important} .v349Metric small{font-size:8.4px!important} .v349HoleControls{ grid-template-columns:84px minmax(0,1fr)!important; gap:6px!important; } .v349PrevHole{ min-height:42px!important; font-size:12px!important; padding:0 7px!important; } .v349Pot{ gap:6px!important; padding:4px 0!important; } .v349Pot b{ font-size:15px!important; padding:7px 8px!important; } } @media(max-width:360px){ .v349PlayerMain{ grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.95fr)!important; } .v349Identity strong{font-size:15px!important} .v349Identity>b{font-size:20px!important} .v349Metric b{font-size:16.5px!important} .v349Pot{ gap:4px!important; } .v349Pot b{ font-size:13.5px!important; padding:6px 7px!important; } } /* ===== v3.51 visual polish ===== */ /* 입력 현황 / 내 LIVE 현황 제목: 같은 레벨, 같은 스타일 */ .v345MemberTitle, .v349Player .playerPanelTitle{ margin:0 0 7px!important; padding:0!important; font-size:13px!important; line-height:1.2!important; font-weight:950!important; color:#334155!important; text-align:left!important; } /* 내 LIVE 현황 내용은 은은하게 묶되 제목 자체는 동일 스타일 유지 */ .v349Player{ margin-top:8px!important; padding:9px 10px 8px!important; border:1px solid #e4ebf2!important; border-radius:12px!important; background:#f8fbfe!important; } /* 홀 제목은 위 카드와 분리, 가운데 정렬 */ .v349HoleHead{ padding-top:12px!important; } .v349HoleTitle{ text-align:center!important; padding-left:0!important; margin:0 0 8px!important; font-size:18px!important; font-weight:1000!important; } /* 1등/2등: 긴 박스 대신 동전 심볼 + 컴팩트 배지 */ .v349Pot{ display:flex!important; justify-content:flex-end!important; gap:8px!important; background:transparent!important; border:0!important; padding:2px 0!important; } .v349Pot b{ position:relative!important; display:inline-flex!important; align-items:center!important; min-height:38px!important; padding:6px 9px 6px 29px!important; border-radius:10px!important; font-size:16px!important; font-weight:1000!important; letter-spacing:.1px!important; box-shadow:0 1px 2px rgba(15,23,42,.04)!important; } .v349Pot b::before{ content:""!important; position:absolute!important; left:8px!important; top:50%!important; width:15px!important; height:15px!important; transform:translateY(-50%)!important; border-radius:50%!important; box-sizing:border-box!important; } .v349Pot .one{ color:#9a6500!important; background:#fffaf0!important; border:1px solid #f1d48a!important; } .v349Pot .one::before{ background:#e1ae32!important; border:2px solid #f4cf6c!important; box-shadow:inset 0 0 0 2px #c58f18!important; } .v349Pot .two{ color:#252a31!important; background:#f7f8fa!important; border:1px solid #cbd2da!important; } .v349Pot .two::before{ background:#aeb6c0!important; border:2px solid #d8dde3!important; box-shadow:inset 0 0 0 2px #7f8994!important; } /* 정산 팝업 금액 색상 */ .v349SetRow span:nth-child(2){color:#c2410c!important} .v349SetRow span:nth-child(3){color:#047857!important} /* 실시간/완료 순위: 7열 한 화면 고정, 가로 스크롤 없음 */ .modal:has(.v351Rank), .modalCard:has(.v351Rank), .dialog:has(.v351Rank){ width:min(98vw,760px)!important; max-width:760px!important; padding:10px!important; } .v351Rank{ width:100%!important; overflow:hidden!important; border:1px solid #e5e7eb!important; border-radius:12px!important; background:#fff!important; } .v351RankHead,.v351RankRow{ display:grid!important; grid-template-columns:.5fr 1.05fr .72fr .68fr .82fr .7fr .78fr!important; align-items:center!important; gap:1px!important; min-width:0!important; width:100%!important; box-sizing:border-box!important; text-align:center!important; } .v351RankHead{ padding:9px 3px!important; background:#f8fafc!important; color:#64748b!important; font-size:9.5px!important; font-weight:900!important; } .v351RankRow{ padding:10px 3px!important; border-top:1px solid #edf0f4!important; font-size:11.5px!important; } .v351RankRow>*{ min-width:0!important; white-space:nowrap!important; } .v351RankRow strong{ text-align:left!important; font-weight:950!important; } .v351RankRow.me{background:#f3f8ff!important} /* LIVE 통계 SCR 컬럼 */ .v351StatsTable table{table-layout:fixed!important;width:100%!important} .v351StatsTable th,.v351StatsTable td{padding-left:3px!important;padding-right:3px!important;font-size:11px!important} /* 최근 완료 LIVE 순서/결과 카드 */ .v351CompletedRank{margin-bottom:10px!important} .v351Completed .completedPlayerTabs{margin:0 0 10px!important} .v351ResultTop{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; } .finishCompleteV351{ flex:0 0 auto!important; align-self:center!important; color:#047857!important; background:#ecfdf5!important; border:1px solid #a7f3d0!important; border-radius:999px!important; padding:6px 9px!important; font-size:11px!important; font-weight:950!important; white-space:nowrap!important; } .v351ThreeStats{ display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:4px!important; } .v351ThreeStats>span{ min-width:0!important; text-align:center!important; } .v351ThreeStats b{ display:block!important; margin-top:3px!important; white-space:nowrap!important; } /* 돈 관련 숫자: 의미에 따라 색상 */ .moneyGain{color:#047857!important} .moneyPay{color:#c2410c!important} .moneyNeutral{color:#475569!important} .v351Money b{font-weight:1000!important} .v351BetLine{ grid-column:1/-1!important; display:grid!important; grid-template-columns:auto 1fr auto 1fr!important; align-items:center!important; gap:6px 8px!important; border-top:1px solid #edf0f4!important; } .v351BetLine b{ text-align:right!important; font-size:15px!important; } /* small screen */ @media(max-width:430px){ .v349Pot{gap:5px!important} .v349Pot b{ font-size:14.5px!important; min-height:36px!important; padding:6px 7px 6px 26px!important; } .v349Pot b::before{left:7px!important;width:14px!important;height:14px!important} .v351RankHead{font-size:8.7px!important} .v351RankRow{font-size:10.7px!important} .v351RankHead,.v351RankRow{ grid-template-columns:.46fr 1fr .68fr .64fr .8fr .66fr .76fr!important; } .v351ThreeStats{font-size:11px!important} .finishCompleteV351{font-size:10px!important;padding:5px 7px!important} } /* ===== v3.52 finance / cost UI ===== */ .v352FourStats{ display:grid!important; grid-template-columns:repeat(4,1fr)!important; gap:4px!important; } .v352FourStats>span{text-align:center!important;min-width:0!important} .v352FourStats b{display:block!important;margin-top:3px!important} .v352Finance{margin-top:10px} .v352Disclosure{ border:1px solid #e5eaf0; border-radius:11px; background:#fff; margin-top:7px; overflow:hidden; } .v352Disclosure summary{ list-style:none; display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; padding:8px 10px; cursor:pointer; font-size:13px; font-weight:950; color:#263241; } .v352Disclosure summary::-webkit-details-marker{display:none} .v352Disclosure summary::after{ content:"⌄"; order:3; color:#94a3b8; font-size:14px; } .v352Disclosure[open] summary::after{content:"⌃"} .v352Disclosure summary>b{ margin-left:auto; font-size:13px; white-space:nowrap; } .v352Detail{ border-top:1px solid #edf1f5; padding:5px 10px 8px; background:#fbfcfe; } .v352Detail>div{ display:grid; grid-template-columns:minmax(90px,1fr) auto; gap:5px 8px; align-items:center; min-height:34px; font-size:12px; } .v352Detail>div>span{color:#64748b;font-weight:800} .v352Detail>div>b{text-align:right;color:#27313d;font-size:13px;font-weight:950} .v352Detail>div>small{ grid-column:2; margin-top:-7px; text-align:right; color:#94a3b8; font-size:9px; } .v352Detail .total{ border-top:1px solid #e7ecf2; margin-top:3px; padding-top:4px; } .v352Detail .total>span{color:#334155;font-weight:950} .v352Detail .total>b{font-size:14px} .v352Missing{ display:block!important; padding:10px 0; color:#7c8795; line-height:1.45; } .v352TipRow label{ display:flex; align-items:center; justify-content:flex-end; gap:4px; } .v352TipRow input{ width:88px; height:32px; padding:0 7px; border:1px solid #d8e0e8; border-radius:8px; text-align:right; font-weight:900; font-size:13px; } .v352TipRow em{font-style:normal;color:#64748b;font-size:11px} .v352ActualSpend{ margin-top:9px; border-radius:12px; background:#f2f5f8; padding:10px 12px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:2px 10px; } .v352ActualSpend span{ font-size:12px; font-weight:950; color:#334155; } .v352ActualSpend b{ font-size:19px; line-height:1; font-weight:1000; color:#1f2937; } .v352ActualSpend small{ grid-column:1/-1; font-size:9px; color:#94a3b8; } /* profit / loss universal semantics */ .moneyGain{color:#047857!important} .moneyPay{color:#c2410c!important} .moneyNeutral{color:#64748b!important} /* Player statistics: finance */ .v352FinanceStatsHead{ display:flex; align-items:center; justify-content:space-between; gap:8px; } .v352FinanceStatsHead .sectionTitle{margin-bottom:0!important} .v352FinanceStatsHead select{ height:34px; border:1px solid #d8e0e8; border-radius:8px; background:#fff; padding:0 9px; font-weight:850; } .v352FinanceStats table{table-layout:auto} .v352FinanceStats th,.v352FinanceStats td{white-space:nowrap} .v352CostBreak{margin-top:8px} .v352CostBreak summary{ cursor:pointer; font-size:12px; font-weight:900; color:#475569; padding:5px 1px; } @media(max-width:430px){ .v352FourStats{font-size:10.5px!important} .v352Disclosure summary{padding:7px 9px;font-size:12px} .v352Disclosure summary>b{font-size:12px} .v352ActualSpend b{font-size:18px} .v352FinanceStats{overflow:hidden} .v352FinanceStats .tableCard{overflow-x:auto} } /* ===== v3.53 score type / persistent details ===== */ .v353ScoreTypes{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; margin:8px 0 7px; padding:7px 4px; border-radius:10px; background:#f8fafc; } .v353ScoreTypes span{ min-width:0; text-align:center; color:#64748b; font-size:9.5px; font-weight:850; line-height:1.15; white-space:nowrap; } .v353ScoreTypes b{ display:block; margin-top:4px; color:#111827; font-size:15px; line-height:1; font-weight:1000; } /* 비용·손익 전체도 접을 수 있게 */ .v353FinanceWrap{ margin-top:8px; border:1px solid #e3e9ef; border-radius:11px; overflow:hidden; background:#fff; } .v353FinanceWrap>summary{ list-style:none; min-height:44px; padding:8px 10px; display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:pointer; font-size:13px; font-weight:950; color:#334155; background:#f8fafc; } .v353FinanceWrap>summary::-webkit-details-marker{display:none} .v353FinanceWrap>summary::after{ content:"⌄"; color:#94a3b8; margin-left:3px; } .v353FinanceWrap[open]>summary::after{content:"⌃"} .v353FinanceWrap>summary>b{ margin-left:auto; color:#64748b; font-size:11px; } .v353FinanceBody{ border-top:1px solid #edf1f5; padding:8px; } .v353FinanceBody .v352CostBreak{ margin-top:8px; border-top:1px solid #edf1f5; padding-top:6px; } /* details stay visually stable when open */ .v352Disclosure[open] .v352Detail, .v353FinanceWrap[open] .v353FinanceBody, .v352CostBreak[open] .tableCard{ animation:none!important; } @media(max-width:430px){ .v353ScoreTypes{gap:2px;padding-left:2px;padding-right:2px} .v353ScoreTypes span{font-size:8.9px} .v353ScoreTypes b{font-size:14px} } /* ===== v3.54 Player 통계 UI ===== */ .v354AlwaysSection{margin-top:10px} .v354AlwaysSection>.sectionTitle{margin-bottom:7px!important} .v354Fold{margin-top:10px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff} .v354Fold>summary{list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;min-height:48px;padding:9px 11px;cursor:pointer;background:#f8fafc} .v354Fold>summary::-webkit-details-marker{display:none} .v354Fold>summary::after{content:"⌄";grid-column:2;grid-row:1/3;color:#94a3b8;font-size:14px} .v354Fold[open]>summary::after{content:"⌃"} .v354Fold>summary>span{font-size:13px;font-weight:950;color:#2d3748} .v354Fold>summary>small{font-size:9.5px;font-weight:800;color:#94a3b8} .v354FoldBody{border-top:1px solid #edf1f5;padding:8px} .v354LiveSummaryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .v354LiveSummaryCard{min-width:0;border:1px solid #e6ebf0;border-radius:10px;padding:8px;background:#fbfcfe} .v354LiveSummaryHead{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px} .v354LiveSummaryHead strong{font-size:13px;color:#111827;font-weight:1000} .v354LiveSummaryHead span{font-size:9px;color:#64748b;font-weight:850} .v354LiveMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:3px} .v354LiveMetrics>div{text-align:center;padding:4px 1px 5px;border-radius:7px;background:#fff} .v354LiveMetrics span{display:block;font-size:8.5px;color:#7c8795;font-weight:850} .v354LiveMetrics b{display:block;margin-top:2px;font-size:13px;color:#1f2937;font-weight:1000} .v354MoneySummary{display:grid;gap:4px;margin-top:7px;padding-top:6px;border-top:1px solid #edf1f5} .v354MoneySummary span{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:#64748b;font-weight:800} .v354MoneySummary b{font-size:10px;font-weight:950;white-space:nowrap} .v354Coverage{display:block;margin-top:5px;text-align:right;color:#94a3b8;font-size:8.5px} .v354FinanceHead{margin-bottom:7px} .v354FinanceTable{overflow-x:auto} @media(max-width:430px){ .v354LiveSummaryGrid{grid-template-columns:1fr} .v354FoldBody{padding:7px} .v354FinanceTable table{min-width:560px} } /* ===== v3.55 UI ===== */ .v355MainWait,.v355WaitBanner{ margin:7px 0 9px;padding:7px 9px; border:1px solid #f1d7a7;border-radius:9px;background:#fffaf0; display:flex;align-items:center;justify-content:space-between;gap:8px; } .v355MainWait b,.v355WaitBanner b{color:#8a5b00;font-size:11px;font-weight:1000;white-space:nowrap} .v355MainWait span,.v355WaitBanner span{color:#7c8795;font-size:9.5px;font-weight:800;text-align:right} .v355MainWait.ok,.v355WaitBanner.ok{border-color:#dce7e1;background:#f7fbf8} .v355MainWait.ok b,.v355WaitBanner.ok b{color:#24704c} .v355Waiting p{margin:0 0 9px;color:#64748b;font-size:11px;line-height:1.4} .v355Waiting>div{display:flex;align-items:center;justify-content:space-between;gap:8px} .v355Waiting>div span{font-size:11px;color:#64748b} .v355CostDivider{min-height:1px!important;height:1px!important;display:block!important;background:#e7ecf2;margin:4px 0} .v355RoundCost{background:#f7f9fb;border-radius:7px;padding-left:6px!important;padding-right:6px!important} .v355LiveSummaryCard .v354LiveMetrics{margin-top:2px} @media(max-width:430px){ .v355MainWait,.v355WaitBanner{padding:6px 7px} .v355MainWait b,.v355WaitBanner b{font-size:10px} .v355MainWait span,.v355WaitBanner span{font-size:8.7px} } /* ===== v3.56 ===== */ /* 지난 예약 접기 */ .v356PastReservations{ margin-top:14px; border:1px solid #e4eaf0; border-radius:12px; overflow:hidden; background:#fff; } .v356PastReservations>summary{ list-style:none; min-height:46px; padding:9px 11px; display:flex; align-items:center; gap:8px; cursor:pointer; background:#f8fafc; } .v356PastReservations>summary::-webkit-details-marker{display:none} .v356PastReservations>summary span{ font-size:13px; font-weight:950; color:#334155; } .v356PastReservations>summary b{ margin-left:auto; color:#64748b; font-size:11px; } .v356PastReservations>summary::after{ content:"⌄"; color:#94a3b8; margin-left:3px; } .v356PastReservations[open]>summary::after{content:"⌃"} .v356PastBody{ border-top:1px solid #edf1f5; padding:8px; } /* LIVE 입력현황 4명 */ .v356InputStatus{margin-bottom:9px} .v356StatusRows{ display:grid; gap:5px; } .v356PlayerRow{ border:1px solid #e3e9ef; border-radius:10px; padding:6px 8px; background:#fff; } .v356PlayerRow.me{ border-color:#cbdcf0; background:#f7fbff; } .v356PlayerRow.wait{background:#fafbfc} .v356PlayerTop{ display:grid; grid-template-columns:minmax(62px,1.1fr) 38px 68px minmax(52px,.8fr); align-items:center; gap:4px; min-width:0; } .v356PlayerTop strong{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#111827; font-size:12px; font-weight:1000; } .v356HoleScore{ text-align:center; font-size:16px; line-height:1; font-weight:1000; color:#111827; } .v356Rank{ text-align:center; font-size:9.5px; font-weight:900; color:#475569; white-space:nowrap; } .v356Award{ text-align:right; font-size:10px; font-weight:1000; color:#8b6508; white-space:nowrap; } .v356PlayerBottom{ margin-top:5px; padding-top:5px; border-top:1px solid #f0f2f5; display:grid; grid-template-columns:1fr 1fr 1fr; gap:4px; color:#7c8795; font-size:8.8px; font-weight:800; } .v356PlayerBottom span:nth-child(2), .v356PlayerBottom span:nth-child(3){text-align:right} .v356PlayerBottom b{font-size:9.5px} .v356WaitBox{ margin-top:6px; padding:7px 9px; border:1px solid #f0d59f; border-radius:9px; background:#fffaf0; display:grid; gap:3px; } .v356WaitBox b{ display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#805b0b; font-size:11px; font-weight:1000; } .v356WaitBox span{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#7c8795; font-size:9.3px; font-weight:800; } .v356WaitBox.ok{ border-color:#dbe8e0; background:#f7fbf8; } .v356WaitBox.ok b{color:#26724f} /* LIVE 통계 */ .v356LiveTabs{ display:grid!important; grid-template-columns:repeat(4,1fr)!important; gap:4px!important; } .v356LiveTabs button{ min-width:0!important; padding-left:3px!important; padding-right:3px!important; font-size:10px!important; } .v356MainLiveTable{ overflow:hidden!important; } .v356MainLiveTable table{ width:100%!important; table-layout:fixed!important; } .v356MainLiveTable th, .v356MainLiveTable td{ padding:7px 2px!important; font-size:9.5px!important; text-align:center!important; white-space:nowrap!important; } .v356MainLiveTable th:first-child, .v356MainLiveTable td:first-child{ width:23%!important; text-align:left!important; padding-left:5px!important; } .v356ScoreTypeTable table{ width:100%!important; table-layout:fixed!important; } .v356ScoreTypeTable th, .v356ScoreTypeTable td{ padding:7px 2px!important; font-size:9.5px!important; } .v356ScoreTypeTable th:first-child, .v356ScoreTypeTable td:first-child{ width:23%!important; } /* Player 기본 통계 */ .v356BasicTable th, .v356BasicTable td{ white-space:nowrap; } /* 핸디 */ .v356HcpHistory{margin-top:12px} .v356HcpHistory table{width:100%;table-layout:fixed} .v356HcpHistory th,.v356HcpHistory td{ text-align:center; padding:8px 3px; font-size:10.5px; } .v356HcpHistory th:first-child,.v356HcpHistory td:first-child{width:23%} /* 갤러리 */ .v356GalleryGroup{margin-bottom:10px} .v356GalleryRounds{display:grid;gap:10px} .v356GalleryRound{ border:1px solid #e5eaf0; border-radius:12px; padding:9px; background:#fff; } .v356GalleryHead{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:7px; } .v356GalleryHead>div{ display:flex; align-items:baseline; gap:6px; min-width:0; } .v356GalleryHead b{ color:#64748b; font-size:10px; white-space:nowrap; } .v356GalleryHead strong{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#111827; font-size:12px; } .v356GalleryPhotoBtn{ border:0; padding:0; margin:0; background:transparent; width:100%; height:100%; cursor:pointer; } .v356GalleryPhotoBtn img{ width:100%; height:100%; object-fit:cover; } @media(max-width:430px){ .v356PlayerTop{ grid-template-columns:minmax(58px,1fr) 34px 62px minmax(48px,.78fr); gap:3px; } .v356PlayerTop strong{font-size:11.5px} .v356HoleScore{font-size:15px} .v356Rank{font-size:9px} .v356Award{font-size:9.5px} .v356PlayerBottom{font-size:8.2px} .v356WaitBox span{font-size:8.8px} .v356MainLiveTable th, .v356MainLiveTable td, .v356ScoreTypeTable th, .v356ScoreTypeTable td{font-size:8.8px!important} } /* ===== v3.57 LIVE 상황판 ===== */ .v357Live{--v357-line:#e5ebf2;--v357-text:#111827;--v357-sub:#738094} .v357SectionTitle{ display:flex; align-items:center; gap:7px; margin:9px 1px 6px; color:#243247; } .v357SectionTitle b{font-size:13px;font-weight:1000} .v357TitleIcon.people{ position:relative; width:17px;height:12px; } .v357TitleIcon.people::before, .v357TitleIcon.people::after{ content:""; position:absolute; border-radius:50%; background:#607086; } .v357TitleIcon.people::before{width:7px;height:7px;left:1px;top:0;box-shadow:8px 0 0 #607086} .v357TitleIcon.people::after{width:17px;height:7px;left:0;top:7px;border-radius:8px 8px 3px 3px} .v357StatusBoard{ border:1px solid #dfe7ef; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 1px 3px rgba(15,23,42,.035); } .v357StatusHead{ min-height:34px; padding:6px 8px; display:flex; align-items:center; justify-content:space-between; gap:8px; background:#f8fafc; border-bottom:1px solid #eaf0f5; } .v357StatusHead b{ color:#243247; font-size:11px; font-weight:1000; } .v357StatusHead span{ color:#718096; font-size:9.5px; font-weight:850; white-space:nowrap; } .v357StatusList{display:grid} .v357StatusRow{ display:grid; grid-template-columns:14px minmax(52px,1fr) 36px 62px 58px 64px; align-items:center; gap:4px; min-height:38px; padding:5px 7px; border-top:1px solid #eef2f6; } .v357StatusRow:first-child{border-top:0} .v357StatusRow.me{background:#f8fbff} .v357Signal{ width:10px;height:10px;border-radius:50%; background:#cbd5e1; box-shadow:0 0 0 3px rgba(203,213,225,.22); } .v357StatusRow.done .v357Signal{ background:#28a766; box-shadow:0 0 0 3px rgba(40,167,102,.16); } .v357StatusRow.gold .v357Signal{ background:#e6ad29; box-shadow:0 0 0 3px rgba(230,173,41,.20); } .v357StatusRow.silver .v357Signal{ background:#98a3b0; box-shadow:0 0 0 3px rgba(152,163,176,.20); } .v357StatusRow.wait .v357Signal{ background:#cbd5e1; box-shadow:0 0 0 3px rgba(203,213,225,.18); } .v357Name{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#111827; font-size:11px; font-weight:1000; } .v357Score{ text-align:center; color:#111827; font-size:14px; line-height:1; font-weight:1000; } .v357Rank{ text-align:center; padding:4px 5px; border-radius:999px; background:#f2f5f8; color:#667085; font-size:8.8px; font-weight:950; white-space:nowrap; } .v357Rank.r1{background:#fff2c7;color:#8b5d00} .v357Rank.r2{background:#eef1f5;color:#46515f} .v357Gain{ text-align:right; color:#64748b; font-size:10px; font-weight:1000; white-space:nowrap; } .v357Gain.plus{color:#0b8a53;font-size:11px} .v357Total{ display:flex; align-items:baseline; justify-content:flex-end; gap:3px; white-space:nowrap; } .v357Total small{ color:#95a0ae; font-size:7.5px; font-weight:800; } .v357Total b{ color:#243247; font-size:10.5px; font-weight:1000; } .v357StatusFoot{ min-height:31px; padding:5px 8px; border-top:1px solid #f0dfb7; background:#fffaf0; display:flex; align-items:center; justify-content:space-between; gap:7px; } .v357StatusFoot b{ color:#8b620d; font-size:9px; font-weight:1000; white-space:nowrap; } .v357StatusFoot span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#7d8795; font-size:8.5px; font-weight:800; text-align:right; } .v357StatusFoot.ok{background:#f6fbf8;border-top-color:#dce9e1} .v357StatusFoot.ok b{color:#24704c} /* Hole / prize header */ .v357HoleHead{ margin-top:11px; min-height:52px; padding:8px 9px; display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid #e7edf3; border-bottom:1px solid #e7edf3; background:#fff; } .v357HoleTitle{ display:flex; align-items:center; gap:7px; min-width:0; } .v357HoleTitle b{ color:#111827; font-size:18px; font-weight:1000; white-space:nowrap; } .v357FlagIcon{ position:relative; width:16px;height:22px; flex:0 0 16px; } .v357FlagIcon::before{ content:""; position:absolute; left:3px;top:1px; width:2px;height:19px; border-radius:2px; background:#2f9e61; } .v357FlagIcon::after{ content:""; position:absolute; left:5px;top:1px; width:10px;height:7px; background:#2f9e61; clip-path:polygon(0 0,100% 45%,0 100%); } .v357PrizeWrap{ display:flex; justify-content:flex-end; align-items:center; gap:5px; } .v357Prize{ min-height:35px; padding:5px 7px; border-radius:10px; display:grid; grid-template-columns:15px auto; grid-template-rows:auto auto; column-gap:4px; align-items:center; } .v357Prize .coin{ grid-row:1/3; width:14px;height:14px;border-radius:50%; box-sizing:border-box; } .v357Prize small{ font-size:8px; line-height:1; font-weight:900; } .v357Prize b{ font-size:13px; line-height:1; font-weight:1000; white-space:nowrap; } .v357Prize.first{ border:1px solid #efcf75; background:#fff8e6; color:#855900; } .v357Prize.first .coin{ background:#e5b339; border:2px solid #f3cf6e; box-shadow:inset 0 0 0 2px #bd8919; } .v357Prize.second{ border:1px solid #cdd4dc; background:#f7f8fa; color:#29313b; } .v357Prize.second .coin{ background:#aab3be; border:2px solid #dce1e6; box-shadow:inset 0 0 0 2px #7f8995; } .v357HoleNav{ padding:7px 9px 0; display:flex; justify-content:flex-start; } .v357HoleNav .v349PrevHole{ width:92px!important; min-height:38px!important; } .v357Input{padding-top:8px!important} @media(max-width:430px){ .v357StatusRow{ grid-template-columns:13px minmax(48px,1fr) 32px 58px 51px 58px; gap:3px; min-height:36px; padding:5px 6px; } .v357Name{font-size:10.5px} .v357Score{font-size:13px} .v357Rank{font-size:8px;padding:4px 3px} .v357Gain{font-size:9px} .v357Gain.plus{font-size:10px} .v357Total small{font-size:7px} .v357Total b{font-size:9.5px} .v357HoleTitle b{font-size:16px} .v357Prize{padding:4px 6px;column-gap:3px} .v357Prize b{font-size:12px} .v357Prize small{font-size:7.5px} } @media(max-width:365px){ .v357StatusRow{ grid-template-columns:12px minmax(44px,1fr) 29px 54px 46px 52px; padding-left:5px;padding-right:5px; } .v357Name{font-size:9.8px} .v357Rank{font-size:7.6px} .v357Total b{font-size:9px} .v357PrizeWrap{gap:3px} .v357Prize{padding:4px 5px} } /* ========================================================= v3.58 LIVE visual system 1st red / 2nd blue / rank text charcoal ========================================================= */ .v358Live{ --c1:#e64949; --c1-soft:#fff1f1; --c1-border:#f3b1b1; --c2:#3478d4; --c2-soft:#eef5ff; --c2-border:#b9d2f4; --charcoal:#252b33; --muted:#7b8796; --line:#e6ebf0; --green:#2ba96b; --green-soft:#effaf4; --amber:#e39828; --amber-soft:#fff7e8; --panel:#ffffff; } /* Course */ .v358CourseHead{ display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:7px; padding:4px 1px 8px; } .v358Back{ width:34px;height:34px; border:1px solid #e0e6ec; border-radius:10px; background:#fff; color:#3f4b59; font-size:24px; line-height:1; } .v358CourseHead>div{min-width:0} .v358CourseHead>div b{ display:block; color:#151a20; font-size:15px; font-weight:1000; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .v358CourseHead>div span{ display:block; margin-top:1px; color:#84909f; font-size:10px; font-weight:750; } .v358LiveBadge{ padding:5px 7px; border-radius:999px; background:#f1f4f7; color:#687483; font-size:8px; font-weight:1000; letter-spacing:.6px; } /* section title */ .v358SectionLabel{ display:flex; align-items:center; gap:7px; margin:6px 2px 7px; } .v358SectionLabel b{ color:#26313d; font-size:13px; font-weight:1000; } .v358PeopleIcon{ position:relative; width:18px;height:14px; } .v358PeopleIcon::before{ content:""; position:absolute;left:1px;top:0; width:7px;height:7px;border-radius:50%; background:#5e6d7d; box-shadow:9px 0 0 #5e6d7d; } .v358PeopleIcon::after{ content:""; position:absolute;left:0;top:8px; width:18px;height:6px;border-radius:7px 7px 2px 2px; background:#5e6d7d; } /* Result board */ .v358Board{ border:1px solid #dde5ed; border-radius:14px; background:#fff; overflow:hidden; box-shadow:0 2px 8px rgba(31,42,55,.045); } .v358ResultTitle{ padding:11px 8px 9px; text-align:center; color:#1d2732; font-size:17px; line-height:1; font-weight:1000; letter-spacing:-.2px; background:#f9fbfc; border-bottom:1px solid #e7edf2; } .v358ResultTable{ padding:2px 7px; } .v358ResultRow{ min-height:42px; display:grid; grid-template-columns:1.38fr .72fr .82fr .9fr; align-items:center; gap:5px; border-top:1px solid #eef2f5; } .v358ResultRow:first-child{border-top:0} .v358ResultRow.me{ background:linear-gradient(90deg,#f8fbff,rgba(248,251,255,0)); } .v358Who{ display:flex; align-items:center; min-width:0; gap:7px; } .v358Who strong{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#151b22; font-size:12px; font-weight:1000; } .v358Dot{ width:10px;height:10px;border-radius:50%; flex:0 0 10px; background:#b9c2cc; box-shadow:0 0 0 3px rgba(185,194,204,.17); } .v358ResultRow.first .v358Dot{ background:var(--c1); box-shadow:0 0 0 3px rgba(230,73,73,.14); } .v358ResultRow.second .v358Dot{ background:var(--c2); box-shadow:0 0 0 3px rgba(52,120,212,.14); } .v358ResultRow.done .v358Dot{ background:var(--green); box-shadow:0 0 0 3px rgba(43,169,107,.13); } .v358Score{ text-align:center; color:#111820; font-size:18px; font-weight:1000; } .v358Rank{ text-align:center; color:var(--charcoal); font-size:12px; font-weight:1000; white-space:nowrap; } .v358Gain{ text-align:center; min-height:24px; line-height:24px; border-radius:8px; color:#9ba5b1; font-size:13px; font-weight:1000; white-space:nowrap; } .v358ResultRow.first .v358Gain:not(:empty){ background:var(--c1-soft); color:var(--c1); } .v358ResultRow.second .v358Gain:not(:empty){ background:var(--c2-soft); color:var(--c2); } /* next hole */ .v358NextTitle{ padding:9px 10px 5px; border-top:1px solid #e8edf2; color:#283544; font-size:11px; font-weight:1000; } .v358ProgressDiagram{ display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:0 7px 8px; } .v358ProgressBox{ min-width:0; border-radius:10px; padding:8px; border:1px solid; } .v358ProgressBox.waiting{ border-color:#f0d6a2; background:var(--amber-soft); } .v358ProgressBox.complete{ border-color:#c9e6d5; background:var(--green-soft); } .v358ProgressHead{ display:grid; grid-template-columns:14px 1fr auto; align-items:center; gap:5px; } .v358ProgressHead b{ color:#303945; font-size:10px; font-weight:1000; } .v358ProgressHead strong{ min-width:22px; text-align:right; font-size:17px; line-height:1; font-weight:1000; } .v358ProgressBox.waiting .v358ProgressHead strong{color:#ba7413} .v358ProgressBox.complete .v358ProgressHead strong{color:#208a55} .v358ProgressIcon{ position:relative; width:12px;height:12px;border-radius:50%; } .v358ProgressBox.waiting .v358ProgressIcon{ border:2px solid #d78c24; } .v358ProgressBox.waiting .v358ProgressIcon::after{ content:""; position:absolute; width:2px;height:4px; left:3px;top:1px; background:#d78c24; box-shadow:2px 4px 0 -0.5px #d78c24; } .v358ProgressBox.complete .v358ProgressIcon{ background:#2aa568; } .v358ProgressBox.complete .v358ProgressIcon::after{ content:""; position:absolute; left:3px;top:2px; width:5px;height:3px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg); } .v358ProgressNames{ margin-top:5px; min-height:25px; color:#657180; font-size:9px; line-height:1.35; font-weight:800; word-break:keep-all; } /* my status */ .v358MineCard{ margin-top:9px; border:1px solid #e1e7ed; border-radius:13px; background:#fff; overflow:hidden; } .v358MineTitle{ padding:8px 10px 4px; color:#3d4a58; font-size:10px; font-weight:1000; } .v358MineMain{ display:grid; grid-template-columns:1.22fr .9fr .9fr; align-items:center; padding:2px 8px 8px; } .v358MineMain>div{ min-width:0; min-height:48px; display:grid; align-content:center; justify-items:center; border-left:1px solid #edf0f3; } .v358MineMain>div:first-child{ border-left:0; justify-items:start; padding-left:3px; } .v358MineMain span{ color:#7a8694; font-size:8.5px; font-weight:800; } .v358MineMain b{ margin-top:2px; color:#151b22; font-size:17px; line-height:1; font-weight:1000; } .v358MineMain small{ margin-top:2px; color:#98a2ad; font-size:7.5px; } .v358MineScore strong{ color:#1f2933; font-size:11px; font-weight:1000; } .v358MineScore b{ font-size:22px; } .v358Types{ display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid #edf1f4; background:#fafbfc; } .v358Types>div{ min-height:43px; display:grid; align-content:center; justify-items:center; border-left:1px solid #edf1f4; } .v358Types>div:first-child{border-left:0} .v358Types span{ color:#84909d; font-size:7.5px; font-weight:800; } .v358Types b{ margin-top:2px; color:#2d3742; font-size:12px; font-weight:1000; } /* hole */ .v358HoleCard{ margin-top:10px; scroll-margin-top:8px; border:1px solid #dfe6ed; border-radius:14px; background:#fff; overflow:hidden; } .v358HoleTop{ min-height:62px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:7px; padding:8px 9px; background:#fbfcfd; border-bottom:1px solid #e7edf2; } .v358HoleName{ display:grid; grid-template-columns:18px auto; grid-template-rows:auto auto; align-items:center; column-gap:6px; } .v358HoleName .v358FlagIcon{grid-row:1/3} .v358HoleName b{ color:#121820; font-size:18px; line-height:1; font-weight:1000; white-space:nowrap; } .v358HoleName small{ margin-top:2px; color:#7e8a98; font-size:9px; font-weight:900; } .v358FlagIcon{ position:relative; width:16px;height:22px; } .v358FlagIcon::before{ content:""; position:absolute;left:3px;top:1px; width:2px;height:19px; border-radius:2px; background:#556577; } .v358FlagIcon::after{ content:""; position:absolute;left:5px;top:1px; width:10px;height:7px; background:#556577; clip-path:polygon(0 0,100% 45%,0 100%); } .v358PrizeArea{ display:flex; align-items:center; gap:5px; } .v358Prize{ min-width:73px; display:grid; grid-template-columns:18px 1fr; align-items:center; gap:5px; padding:6px 7px; border-radius:10px; border:1px solid; } .v358Prize.first{ border-color:var(--c1-border); background:var(--c1-soft); } .v358Prize.second{ border-color:var(--c2-border); background:var(--c2-soft); } .v358Coin{ width:16px;height:16px;border-radius:50%; border:2px solid currentColor; box-shadow:inset 0 0 0 2px rgba(255,255,255,.7); } .v358Prize.first .v358Coin{color:var(--c1);background:var(--c1)} .v358Prize.second .v358Coin{color:var(--c2);background:var(--c2)} .v358Prize small{ display:block; font-size:7.5px; line-height:1; font-weight:900; } .v358Prize b{ display:block; margin-top:2px; font-size:13px; line-height:1; font-weight:1000; } .v358Prize.first small,.v358Prize.first b{color:var(--c1)} .v358Prize.second small,.v358Prize.second b{color:var(--c2)} .v358PrevRow{ padding:7px 8px 0; } .v358Prev{ min-width:88px; min-height:36px; border:1px solid #dfe5eb; border-radius:9px; background:#fff; color:#4a5664; font-size:11px; font-weight:900; } .v358Prev:disabled{opacity:.35} .v358Input{ padding:8px!important; } .v358Input .liveRow{ min-height:48px!important; } .v358Input .liveRow>label{ color:#354250!important; font-size:11px!important; font-weight:1000!important; } .v358Input button{ min-height:36px; font-weight:900; } .v358Input .scoreDiffRow button{ min-width:31px; } .v358HoleResult{ min-height:45px; margin-top:6px; padding:7px 9px; border-radius:10px; background:#f5f7f9; display:flex; align-items:center; justify-content:space-between; } .v358HoleResult span{ color:#6e7986; font-size:10px; font-weight:900; } .v358HoleResult b{ color:#1c242d; font-size:15px; font-weight:1000; } .v358Memo{margin-top:7px} .v358Save{ min-height:48px!important; margin-top:8px!important; border-radius:11px!important; font-size:14px!important; font-weight:1000!important; } /* quick actions */ .v358QuickActions{ display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:9px; } .v358QuickActions>button{ min-height:58px; display:grid; grid-template-columns:24px 1fr 10px; align-items:center; gap:6px; padding:8px 9px; border:1px solid #dfe6ed; border-radius:12px; background:#fff; text-align:left; } .v358QuickActions>button>div{min-width:0} .v358QuickActions b{ display:block; color:#26313c; font-size:10.5px; font-weight:1000; } .v358QuickActions small{ display:block; margin-top:2px; color:#8994a1; font-size:8px; font-weight:800; } .v358QuickActions em{ color:#9da6b0; font-size:17px; font-style:normal; } .v358ActionIcon{ position:relative; width:22px;height:22px; border-radius:7px; background:#eef2f6; } .v358ActionIcon.settle::before{ content:""; position:absolute;left:5px;top:5px; width:12px;height:12px; border:2px solid #627286; border-radius:2px; box-sizing:border-box; } .v358ActionIcon.settle::after{ content:""; position:absolute;left:8px;top:9px; width:7px;height:2px; background:#627286; box-shadow:0 4px 0 #627286; } .v358ActionIcon.rank::before{ content:""; position:absolute;left:5px;bottom:5px; width:12px;height:3px; background:#627286; box-shadow:0 -4px 0 -1px #627286,0 -8px 0 -1px #627286; } /* mobile */ @media(max-width:430px){ .v358ResultTitle{font-size:16px} .v358ResultRow{ grid-template-columns:1.28fr .68fr .78fr .82fr; min-height:40px; gap:3px; } .v358Who{gap:6px} .v358Who strong{font-size:11px} .v358Score{font-size:17px} .v358Rank{font-size:11px} .v358Gain{font-size:12px} .v358ProgressNames{font-size:8.5px} .v358HoleName b{font-size:17px} .v358Prize{min-width:68px;padding:5px 6px} .v358Prize b{font-size:12px} } @media(max-width:365px){ .v358ResultRow{ grid-template-columns:1.22fr .62fr .7fr .76fr; } .v358Who strong{font-size:10.2px} .v358Score{font-size:16px} .v358Rank{font-size:10px} .v358Gain{font-size:11px} .v358Prize{min-width:63px;padding:5px} .v358PrizeArea{gap:3px} } /* ===== v3.59 Player 통계 ===== */ .v359LiveStatHead{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; } .v359LiveStatHead>div:first-child{ min-width:0; } .v359LiveStatHead .sectionTitle{ margin:0 0 2px!important; } .v359LiveStatHead>div>span{ display:block; color:#7b8794; font-size:9px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .v359LivePeriod{ flex:0 0 auto; margin:0!important; } .v359LivePeriod select{ min-width:92px; } .v359BetFold>summary span{ letter-spacing:-.15px; } @media(max-width:430px){ .v359LiveStatHead{ gap:6px; } .v359LivePeriod select{ min-width:86px; font-size:10px; } .v359LiveStatHead>div>span{ font-size:8.3px; } .v359BetFold>summary span{ font-size:11px; } } /* ========================================================= v3.60 LIVE compact ========================================================= */ .v360Live{ --c1:#e64949; --c1-soft:#fff1f1; --c2:#3478d4; --c2-soft:#eef5ff; --charcoal:#252b33; --green:#2ba96b; --green-soft:#effaf4; --amber:#dc8b22; --amber-soft:#fff6e5; --line:#e4eaf0; } /* 상단: 구장 / 날짜 / 코스 완전 중앙 */ .v360CourseHead{ display:grid; grid-template-columns:38px minmax(0,1fr) 38px; align-items:center; min-height:48px; gap:6px; padding:2px 1px 7px; } .v360Back{ width:34px;height:34px; border:1px solid #dfe6ec; border-radius:10px; background:#fff; color:#40505f; font-size:24px; line-height:1; } .v360CourseCenter{ min-width:0; text-align:center; } .v360CourseCenter b{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#151b22; font-size:15px; font-weight:1000; } .v360CourseCenter span{ display:block; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#7f8b98; font-size:10px; font-weight:800; } .v360LiveBadge{ justify-self:end; padding:5px 6px; border-radius:999px; background:#f0f3f6; color:#697583; font-size:7px; font-weight:1000; letter-spacing:.4px; } /* 공통 섹션 제목 */ .v360SectionLabel{ display:flex; align-items:center; gap:7px; margin:3px 2px 5px; } .v360SectionLabel b{ color:#26313d; font-size:12px; font-weight:1000; } /* 입력 현황 카드 */ .v360Board, .v360MineCard{ border:1px solid #dde5ed; border-radius:12px; background:#fff; overflow:hidden; box-shadow:0 1px 5px rgba(31,42,55,.04); } /* 이전 홀 결과는 축약 */ .v360ResultTitle, .v360MineTitle{ min-height:32px; display:flex; align-items:center; justify-content:center; padding:5px 8px; background:#f8fafc; border-bottom:1px solid #e7edf2; color:#202a35; font-size:13px; font-weight:1000; } .v360ResultTitle small{ margin-left:4px; color:#7e8996; font-size:9px; font-weight:900; } .v360ResultTable{ padding:1px 6px; } .v360ResultRow{ min-height:31px; display:grid; grid-template-columns:1.35fr .72fr .72fr .82fr; align-items:center; gap:3px; border-top:1px solid #f0f3f6; } .v360ResultRow:first-child{border-top:0} .v360ResultRow.me{background:linear-gradient(90deg,#f8fbff,rgba(248,251,255,0))} .v360Who{ min-width:0; display:flex; align-items:center; gap:5px; } .v360Who strong{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#151b22; font-size:10.5px; font-weight:1000; } .v360Dot{ width:8px;height:8px; flex:0 0 8px; border-radius:50%; background:#b9c2cc; } .v360ResultRow.first .v360Dot{background:var(--c1)} .v360ResultRow.second .v360Dot{background:var(--c2)} .v360ResultRow.done .v360Dot{background:var(--green)} .v360Score{ text-align:center; color:#111820; font-size:14px; font-weight:1000; } .v360Rank{ text-align:center; color:var(--charcoal); font-size:10px; font-weight:1000; white-space:nowrap; } .v360Gain{ text-align:center; color:#a0a9b4; font-size:11px; font-weight:1000; white-space:nowrap; } .v360ResultRow.first .v360Gain:not(:empty){color:var(--c1)} .v360ResultRow.second .v360Gain:not(:empty){color:var(--c2)} /* 현재/다음 홀 입력 현황은 더 강하게 */ .v360NextTitle{ min-height:34px; padding:7px 8px 4px; border-top:1px solid #e8edf2; display:flex; align-items:center; justify-content:center; gap:6px; color:#1e2934; } .v360NextTitle b{ font-size:13px; font-weight:1000; } .v360NextIcon{ width:9px;height:9px;border-radius:50%; background:#536273; box-shadow:0 0 0 3px rgba(83,98,115,.12); } .v360ProgressDiagram{ display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:2px 7px 8px; } .v360ProgressBox{ min-width:0; min-height:62px; border:1px solid; border-radius:10px; padding:7px 8px; } .v360ProgressBox.waiting{ border-color:#efd39d; background:var(--amber-soft); } .v360ProgressBox.complete{ border-color:#c6e3d2; background:var(--green-soft); } .v360ProgressHead{ display:grid; grid-template-columns:14px 1fr auto; align-items:center; gap:5px; } .v360ProgressHead b{ color:#303945; font-size:10.5px; font-weight:1000; } .v360ProgressHead strong{ min-width:22px; text-align:right; font-size:18px; line-height:1; font-weight:1000; } .v360ProgressBox.waiting .v360ProgressHead strong{color:#b87315} .v360ProgressBox.complete .v360ProgressHead strong{color:#1f8a54} .v360ProgressIcon{ position:relative; width:12px;height:12px;border-radius:50%; } .v360ProgressBox.waiting .v360ProgressIcon{border:2px solid #d78c24} .v360ProgressBox.waiting .v360ProgressIcon::after{ content:""; position:absolute; left:4px;top:2px; width:2px;height:4px; background:#d78c24; box-shadow:2px 4px 0 -0.5px #d78c24; } .v360ProgressBox.complete .v360ProgressIcon{background:#2aa568} .v360ProgressBox.complete .v360ProgressIcon::after{ content:""; position:absolute; left:3px;top:2px; width:5px;height:3px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg); } .v360ProgressNames{ margin-top:6px; color:#5d6977; font-size:9px; line-height:1.3; font-weight:850; word-break:keep-all; } /* 내 LIVE 현황 = 입력 현황과 같은 카드/헤더 체계 */ .v360MineCard{margin-top:7px} .v360MineTitle{ justify-content:flex-start; padding-left:10px; } .v360MineMain{ display:grid; grid-template-columns:1.2fr .9fr .9fr; align-items:center; padding:3px 7px 5px; } .v360MineMain>div{ min-width:0; min-height:38px; display:grid; align-content:center; justify-items:center; border-left:1px solid #edf1f4; } .v360MineMain>div:first-child{ border-left:0; justify-items:start; padding-left:3px; } .v360MineMain span{ color:#7b8794; font-size:8px; font-weight:800; } .v360MineMain b{ margin-top:1px; color:#151b22; font-size:15px; line-height:1; font-weight:1000; } .v360MineMain small{ margin-top:1px; color:#98a2ad; font-size:7px; } .v360MineScore strong{ color:#1f2933; font-size:10.5px; font-weight:1000; } .v360MineScore b{font-size:19px} .v360Types{ display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid #edf1f4; background:#fafbfc; } .v360Types>div{ min-height:34px; display:grid; align-content:center; justify-items:center; border-left:1px solid #edf1f4; } .v360Types>div:first-child{border-left:0} .v360Types span{ color:#84909d; font-size:7px; font-weight:800; } .v360Types b{ margin-top:1px; color:#2d3742; font-size:11px; font-weight:1000; } /* 홀 헤더: 이전 / 현재홀 / 1·2등을 한 줄 */ .v360HoleCard{ margin-top:7px; scroll-margin-top:8px; border:1px solid #dfe6ed; border-radius:12px; background:#fff; overflow:hidden; } .v360HoleTop{ min-height:58px; display:grid; grid-template-columns:64px minmax(76px,1fr) auto; align-items:center; gap:5px; padding:7px; background:#fbfcfd; border-bottom:1px solid #e7edf2; } .v360Prev{ min-width:0; width:100%; min-height:36px; border:1px solid #dfe5eb; border-radius:9px; background:#fff; color:#4a5664; display:flex; align-items:center; justify-content:center; gap:3px; } .v360Prev span{ font-size:20px; line-height:1; } .v360Prev b{ font-size:9px; font-weight:950; } .v360Prev:disabled{opacity:.34} .v360HoleName{ min-width:0; display:flex; justify-content:center; align-items:center; gap:5px; text-align:center; } .v360HoleName>div{min-width:0} .v360HoleName b{ display:block; color:#121820; font-size:16px; line-height:1; font-weight:1000; white-space:nowrap; } .v360HoleName small{ display:block; margin-top:3px; color:#7e8a98; font-size:8px; font-weight:900; } .v360PrizeArea{ display:flex; align-items:center; gap:4px; } .v360Prize{ min-width:55px; display:grid; grid-template-columns:12px 1fr; align-items:center; gap:3px; padding:5px; border:1px solid; border-radius:9px; } .v360Prize.first{ border-color:#f0b4b4; background:var(--c1-soft); } .v360Prize.second{ border-color:#bdd2ef; background:var(--c2-soft); } .v360Coin{ width:11px;height:11px;border-radius:50%; } .v360Prize.first .v360Coin{background:var(--c1)} .v360Prize.second .v360Coin{background:var(--c2)} .v360Prize small{ display:block; font-size:6.7px; line-height:1; font-weight:900; } .v360Prize b{ display:block; margin-top:2px; font-size:11px; line-height:1; font-weight:1000; white-space:nowrap; } .v360Prize.first small,.v360Prize.first b{color:var(--c1)} .v360Prize.second small,.v360Prize.second b{color:var(--c2)} /* 입력 구간도 세로 여백 소폭 축소 */ .v360Input{padding:6px 8px 8px!important} .v360Input .liveRow{min-height:44px!important} .v360Input .liveRow>label{ font-size:10.5px!important; font-weight:1000!important; } .v360Input button{ min-height:34px; font-weight:900; } .v360HoleResult{ min-height:39px; margin-top:5px; padding:6px 8px; border-radius:9px; background:#f5f7f9; display:flex; align-items:center; justify-content:space-between; } .v360HoleResult span{ color:#6e7986; font-size:9px; font-weight:900; } .v360HoleResult b{ color:#1c242d; font-size:14px; font-weight:1000; } .v360Memo{margin-top:5px} .v360Save{ min-height:45px!important; margin-top:6px!important; border-radius:10px!important; font-size:13px!important; font-weight:1000!important; } /* 하단 퀵버튼 */ .v360QuickActions{ display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:7px; } .v360QuickActions>button{ min-height:52px; display:grid; grid-template-columns:23px 1fr 9px; align-items:center; gap:5px; padding:7px 8px; border:1px solid #dfe6ed; border-radius:11px; background:#fff; text-align:left; } .v360QuickActions b{ display:block; color:#26313c; font-size:10px; font-weight:1000; } .v360QuickActions small{ display:block; margin-top:2px; color:#8994a1; font-size:7.5px; font-weight:800; } .v360QuickActions em{ color:#9da6b0; font-size:16px; font-style:normal; } /* Player 통계 - duplicate LIVE title 제거 + 기본 통계와 같은 period filter */ .v360LiveFilterRow{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 8px; } .v360LiveFilterRow>span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#7b8794; font-size:9px; font-weight:800; } .v360LivePeriod{ flex:0 0 auto; margin:0!important; } .v360LivePeriod select{ min-width:100px; } .v360LiveCompare .v356MainLiveTable{ margin-top:0!important; } @media(max-width:430px){ .v360ResultTitle{font-size:12.5px} .v360ResultRow{ grid-template-columns:1.26fr .67fr .67fr .76fr; min-height:30px; } .v360Who strong{font-size:10px} .v360Score{font-size:13.5px} .v360Rank{font-size:9.5px} .v360Gain{font-size:10.5px} .v360ProgressBox{ min-height:60px; padding:7px; } .v360ProgressHead b{font-size:10px} .v360ProgressNames{font-size:8.5px} .v360HoleTop{ grid-template-columns:58px minmax(68px,1fr) auto; gap:4px; padding:6px; } .v360HoleName b{font-size:15px} .v360Prize{ min-width:51px; padding:4px; } .v360Prize b{font-size:10.5px} .v360Prize small{font-size:6.3px} } @media(max-width:365px){ .v360HoleTop{ grid-template-columns:52px minmax(64px,1fr) auto; gap:3px; padding:5px; } .v360Prev b{font-size:8px} .v360HoleName b{font-size:14px} .v360Prize{ min-width:47px; gap:2px; padding:4px 3px; } .v360Prize b{font-size:10px} } /* ========================================================= v3.61 high-fidelity LIVE UI ========================================================= */ .v361Live{ --red:#ef3142; --blue:#175ee7; --navy:#12355f; --teal:#006a61; --green:#16a36c; --orange:#f39a1f; --ink:#111827; --muted:#728096; --line:#dce6ef; --panel:#ffffff; padding:0!important; background:linear-gradient(180deg,#e9f4fb 0,#edf5fa 34%,#eef4f8 100%); border-radius:18px; overflow:hidden; } .v361Svg{width:1em;height:1em;display:block} /* hero */ .v361Hero{ min-height:105px; display:grid; grid-template-columns:46px 1fr 46px; align-items:center; gap:8px; padding:14px 14px 12px; color:#fff; background: linear-gradient(180deg,rgba(6,31,43,.15),rgba(5,43,35,.68)), radial-gradient(circle at 18% 80%,#517d45 0 10%,transparent 11%), radial-gradient(circle at 75% 84%,#467441 0 13%,transparent 14%), linear-gradient(155deg,#4e90ad 0 34%,#7fb0bc 35% 44%,#648f5a 45% 68%,#2b6043 69% 100%); } .v361HeroBtn{ width:40px;height:40px;border:0;border-radius:50%; background:rgba(0,0,0,.28); color:#fff;display:grid;place-items:center; font-size:32px;line-height:1; } .v361HeroBtn.gear{font-size:24px} .v361HeroCenter{text-align:center;min-width:0} .v361HeroCourse{ display:flex;align-items:center;justify-content:center;gap:6px; min-width:0; } .v361HeroCourse svg{font-size:22px;flex:0 0 auto} .v361HeroCourse b{ min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:22px;font-weight:1000;letter-spacing:-.6px; } .v361HeroCenter>span{ display:block;margin-top:4px;font-size:12px;font-weight:850;color:rgba(255,255,255,.94); } /* simple input status */ .v361StatusBar{ margin:0 10px; min-height:48px; display:grid;grid-template-columns:1fr auto 12px;align-items:center;gap:8px; padding:0 12px; background:#fff;border-radius:13px 13px 6px 6px; box-shadow:0 2px 8px rgba(23,52,74,.08); } .v361StatusBar b{font-size:16px;font-weight:1000;color:#162235} .v361StatusBar span{font-size:10px;font-weight:850;color:#68788b;white-space:nowrap} .v361StatusBar em{font-style:normal;color:#6c7d8f;font-size:21px} /* previous/current panels */ .v361Duo{ display:grid;grid-template-columns:1.04fr .96fr;gap:7px; padding:7px 10px 0; } .v361Panel{ min-width:0;background:rgba(255,255,255,.96);border:1px solid #d7e4ec; border-radius:13px;box-shadow:0 2px 6px rgba(24,56,77,.05);overflow:hidden; } .v361PanelHead{ min-height:42px; display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:5px; padding:7px 8px;border-bottom:1px solid #e4ebf0; } .v361PanelHead b{ min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#162033;font-size:11px;font-weight:1000;letter-spacing:-.25px; } .v361PanelHead small{color:#748497;font-size:8px;font-weight:900;white-space:nowrap} .v361PanelIcon.trophy{font-size:18px;color:#f3aa10} .v361CurrentNum{ width:24px;height:24px;border-radius:50%;display:grid;place-items:center; background:#15a469;color:#fff;font-size:12px;font-weight:1000; } /* previous rows */ .v361PrevRows{padding:3px 6px 5px} .v361PrevRow{ min-height:29px;display:grid; grid-template-columns:8px 32px minmax(46px,1fr) 28px 40px; align-items:center;gap:4px;border-top:1px solid #edf2f5; } .v361PrevRow:first-child{border-top:0} .v361MiniDot{width:7px;height:7px;border-radius:50%;background:#c3ccd5} .v361MiniDot.on{background:#17a66c} .v361RankBadge{ min-height:21px;display:grid;place-items:center;border-radius:6px; background:#a9b4c1;color:#fff;font-size:8.5px;font-weight:1000; } .v361RankBadge.r1{background:var(--red)} .v361RankBadge.r2{background:var(--blue)} .v361RankBadge.r3{background:#c78131} .v361RankBadge.r4{background:#7a8b9f} .v361PrevRow strong{ min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#172033;font-size:9px;font-weight:1000; } .v361PrevScore{text-align:center;color:#1c2532;font-size:10px;font-weight:1000} .v361PrevGain{text-align:right;color:#7e8a96;font-size:9px;font-weight:1000} .v361PrevGain.red{color:var(--red)} .v361PrevGain.blue{color:var(--blue)} /* current status */ .v361CurrentGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px} .v361StateBox{min-width:0;border-radius:9px;padding:7px 6px;min-height:111px} .v361StateBox.waiting{background:#fff3d9} .v361StateBox.complete{background:#e6f8ee} .v361StateTitle{ display:flex;align-items:center;justify-content:center;gap:3px; font-size:9px;font-weight:1000;white-space:nowrap; } .v361StateTitle svg{font-size:15px} .v361StateBox.waiting .v361StateTitle{color:#e98711} .v361StateBox.complete .v361StateTitle{color:#0c8a55} .v361StateBox>strong{ display:block;text-align:center;margin:3px 0 5px; font-size:21px;line-height:1;font-weight:1000; } .v361StateBox.waiting>strong{color:#e57508} .v361StateBox.complete>strong{color:#147a50} .v361StateNames{display:grid;gap:3px} .v361StateNames span{ min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#26313e;font-size:8.5px;font-weight:900; } .v361StateNames span i{ display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px; vertical-align:1px; } .v361StateBox.waiting .v361StateNames i{background:#f39a1f} .v361StateBox.complete .v361StateNames i{background:#13a36b} .v361StateNames .empty{color:#9aa4ae} /* My LIVE */ .v361MyCard{ margin:8px 10px 0;background:#fff;border:1px solid #d8e4ec;border-radius:13px; box-shadow:0 2px 6px rgba(24,56,77,.05);overflow:hidden; } .v361MyHead{ min-height:36px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid #e8eef2; } .v361MyHead>div{display:flex;align-items:center;gap:6px;color:#0d9b67} .v361MyHead svg{font-size:17px} .v361MyHead b{color:#1b2533;font-size:13px;font-weight:1000} .v361Metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:6px} .v361Metrics>div{ min-width:0;min-height:58px;border-left:1px solid #e9eef2; display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto; align-items:center;column-gap:4px;padding:4px 6px; } .v361Metrics>div:first-child{border-left:0} .v361Metrics svg{grid-row:1/3;font-size:20px;color:#10a36a} .v361Metrics span{ min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#526072;font-size:8px;font-weight:900; } .v361Metrics b{ color:#101827;font-size:17px;line-height:1;font-weight:1000;white-space:nowrap; } .v361Metrics .score b{color:#ef2739} /* input card */ .v361InputCard{ margin:8px 10px 0;border-radius:13px;overflow:hidden; background:#fff;border:1px solid #d4e1e8;box-shadow:0 2px 7px rgba(24,56,77,.08); scroll-margin-top:8px; } .v361InputHead{ min-height:58px;display:grid; grid-template-columns:78px minmax(116px,1fr) auto; align-items:center;gap:5px;padding:7px 8px; color:#fff;background:linear-gradient(90deg,#00695f,#004f48 56%,#00413d); } .v361PrevBtn{ min-height:40px;border:1px solid rgba(63,224,185,.55);border-radius:10px; background:rgba(1,100,89,.6);color:#fff;font-size:17px; } .v361PrevBtn b{font-size:10px;font-weight:1000} .v361PrevBtn:disabled{opacity:.35} .v361HoleTitle{ min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap; } .v361HoleTitle svg{font-size:18px} .v361HoleTitle b{font-size:17px;font-weight:1000} .v361HoleTitle span{font-size:11px;font-weight:900} .v361Pots{display:flex;gap:4px} .v361Pots>div{ min-width:67px;min-height:40px;border-radius:9px; display:grid;grid-template-columns:16px auto auto;align-items:center;gap:3px;padding:5px 6px; } .v361Pots svg{font-size:14px} .v361Pots span{font-size:8px;font-weight:1000} .v361Pots b{font-size:11px;font-weight:1000;white-space:nowrap} .v361Pots .first{background:var(--red);color:#fff} .v361Pots .second{background:var(--blue);color:#fff} /* compact 4-column inputs */ .v361FourInput{ display:grid;grid-template-columns:.94fr .94fr 1.18fr .88fr; gap:0;padding:7px 6px 5px;border-bottom:1px solid #e9eef2; } .v361InputCol{ min-width:0;padding:0 5px;border-left:1px solid #e7edf2; } .v361InputCol:first-child{border-left:0} .v361InputCol label{ display:block;text-align:center;margin-bottom:5px; color:#1e2935;font-size:10px;font-weight:1000; } .v361Stepper{ min-width:0;display:grid;grid-template-columns:28px minmax(26px,1fr) 28px;align-items:center; border-radius:8px;overflow:hidden;background:#eef3f6; } .v361Stepper button{ height:38px;border:0;background:#e7eef2;color:#0c9964;font-size:20px;font-weight:900; } .v361Stepper button:disabled{opacity:.35} .v361Stepper b{ text-align:center;color:#101827;background:#fff;height:38px;line-height:38px; font-size:16px;font-weight:1000; } .v361TeeBtns{display:grid;grid-template-columns:1fr 1fr;gap:4px} .v361TeeBtns button{ min-width:0;height:38px;border:1px solid #bfd0df;border-radius:8px;background:#f9fbfc; color:#26313e;font-size:10px;font-weight:950;padding:0 3px; } .v361TeeBtns button.sel:first-child{ border-color:#2467d8;background:#edf4ff;color:#1554b4; } .v361TeeBtns button.sel:last-child{ border-color:#f05a68;background:#fff1f3;color:#cf2638; } .v361CompactInfo{ min-height:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px; padding:4px 8px;color:#667484;background:#fbfcfd; } .v361CompactInfo>span{font-size:8px;font-weight:900} .v361CompactInfo>b{font-size:11px;font-weight:1000;color:#1f2935} .v361MemoBtn{ min-height:25px;border:1px solid #dbe4eb;border-radius:7px;background:#fff; color:#617083;font-size:8px;font-weight:900;padding:0 7px; } .v361MemoOpen{padding:5px 8px;border-top:1px solid #e9eef2} .v361MemoOpen textarea{ width:100%;box-sizing:border-box;border:1px solid #d8e1e8;border-radius:8px; padding:7px;font:inherit;font-size:10px;resize:vertical; } .v361Save{ margin:6px 8px 8px!important;min-height:49px!important;width:calc(100% - 16px)!important; border-radius:10px!important;border:0!important; background:linear-gradient(90deg,#0aa56c,#0c9565)!important; display:grid!important;grid-template-columns:24px 1fr 16px!important;align-items:center!important; color:#fff!important;font-size:14px!important;font-weight:1000!important; } .v361Save svg{font-size:22px} .v361Save em{font-style:normal;font-size:22px} /* actions */ .v361Actions{ display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 10px 10px; } .v361Actions>button{ min-height:58px;border-radius:11px;border:1px solid; display:grid;grid-template-columns:34px 1fr 10px;align-items:center;gap:6px; padding:8px 9px;text-align:left; } .v361Actions>button:first-child{ border-color:#4f88b1;background:linear-gradient(135deg,#305f7c,#25465e);color:#fff; } .v361Actions>button:last-child{ border-color:#785aa1;background:linear-gradient(135deg,#5a3c7c,#4a3569);color:#fff; } .v361Actions .icon{ width:32px;height:32px;border-radius:8px;display:grid;place-items:center; background:rgba(255,255,255,.13);font-size:20px; } .v361Actions b{display:block;color:#fff;font-size:11px;font-weight:1000} .v361Actions small{display:block;margin-top:2px;color:rgba(255,255,255,.7);font-size:7.5px;font-weight:800} .v361Actions em{font-style:normal;color:rgba(255,255,255,.85);font-size:19px} /* mobile tuning */ @media(max-width:430px){ .v361Hero{min-height:96px;padding:11px 11px 10px} .v361HeroCourse b{font-size:20px} .v361HeroCenter>span{font-size:11px} .v361Duo{gap:6px;padding-left:8px;padding-right:8px} .v361StatusBar,.v361MyCard,.v361InputCard{margin-left:8px;margin-right:8px} .v361PrevRow{ grid-template-columns:7px 29px minmax(40px,1fr) 25px 35px;gap:3px; } .v361PrevRow strong{font-size:8.5px} .v361PrevGain{font-size:8.5px} .v361PanelHead b{font-size:10.3px} .v361StateBox{padding:6px 5px} .v361StateNames span{font-size:8px} .v361Metrics>div{padding:4px} .v361Metrics b{font-size:15.5px} .v361InputHead{grid-template-columns:68px minmax(100px,1fr) auto;padding:6px} .v361HoleTitle b{font-size:15px} .v361HoleTitle span{font-size:9px} .v361Pots>div{min-width:61px;padding:5px} .v361Pots b{font-size:10px} .v361FourInput{padding-left:4px;padding-right:4px} .v361InputCol{padding:0 3px} .v361Stepper{grid-template-columns:25px minmax(22px,1fr) 25px} .v361Stepper button{height:36px;font-size:18px} .v361Stepper b{height:36px;line-height:36px;font-size:15px} .v361TeeBtns{gap:3px} .v361TeeBtns button{height:36px;font-size:9px} .v361Actions{padding-left:8px;padding-right:8px} } @media(max-width:370px){ .v361StatusBar span{font-size:8.8px} .v361Duo{grid-template-columns:1.07fr .93fr} .v361PrevRow{ grid-template-columns:6px 27px minmax(34px,1fr) 23px 31px; } .v361RankBadge{font-size:7.8px} .v361PrevRow strong{font-size:7.8px} .v361PrevScore,.v361PrevGain{font-size:8px} .v361StateTitle{font-size:8px} .v361StateBox>strong{font-size:19px} .v361Metrics span{font-size:7.3px} .v361Metrics b{font-size:14px} .v361InputHead{grid-template-columns:62px minmax(88px,1fr) auto;gap:3px} .v361Pots>div{min-width:55px;grid-template-columns:12px auto auto;gap:2px;padding:4px} .v361Pots svg{font-size:12px} .v361Pots span{font-size:7px} .v361Pots b{font-size:9px} .v361InputCol label{font-size:9px} .v361Stepper{grid-template-columns:23px minmax(20px,1fr) 23px} .v361TeeBtns button{font-size:8.5px;padding:0 2px} } .v361Save svg circle{fill:#fff}.v361Save svg path{stroke:#0a9966} /* ===== v3.62 OFFICIAL LIVE ===== */ .v362Live{--red:#ef3142;--blue:#175ee7;--green:#13a36b;--orange:#f39a1f;--ink:#111827;--muted:#728096;--line:#dce6ef;padding-top:0!important} .v362Hero{position:relative}.v362Gear{position:relative} .v362DbDot{position:absolute;top:-5px;right:-6px;width:11px;height:11px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.18)} .v362DbDot.cloud{background:#16c784}.v362DbDot.loading{background:#f59e0b}.v362DbDot.error{background:#ef4444}.v362DbDot.local{background:#94a3b8} .v362Duo{display:grid;grid-template-columns:1.08fr .92fr;gap:7px;padding:8px 10px 0} .v362Panel{min-width:0;background:#fff;border:1px solid #d7e4ec;border-radius:13px;box-shadow:0 2px 6px rgba(24,56,77,.05);overflow:hidden} .v362PanelHead{min-height:42px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:5px;padding:7px 8px;border-bottom:1px solid #e4ebf0} .v362PanelHead b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#162033;font-size:11px;font-weight:1000;letter-spacing:-.25px} .v362PanelHead small{color:#748497;font-size:8px;font-weight:900;white-space:nowrap} .v362PanelIcon.trophy{font-size:18px;color:#f3aa10} .v362CurrentIcon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8f8f0;color:#0f9d68;font-size:15px} .v362PrevRows{padding:0 5px 5px} .v362PrevHeader,.v362PrevRow{display:grid;grid-template-columns:32px minmax(48px,1fr) 30px 40px 45px;align-items:center;gap:3px} .v362PrevHeader{min-height:23px;color:#7c8997;font-size:7px;font-weight:850;text-align:center;border-bottom:1px solid #eaf0f4} .v362PrevRow{min-height:29px;border-top:1px solid #edf2f5}.v362PrevRow:nth-child(2){border-top:0} .v362RankBadge{min-height:21px;display:grid;place-items:center;border-radius:6px;color:#fff;font-size:8px;font-weight:1000} .v362RankBadge:empty{background:transparent}.v362RankBadge.r1{background:var(--red)}.v362RankBadge.r2{background:var(--blue)} .v362PrevRow strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172033;font-size:9px;font-weight:1000} .v362PrevScore{text-align:center;color:#1c2532;font-size:10px;font-weight:1000} .v362PrevGain{text-align:center;color:#8b96a2;font-size:8.8px;font-weight:1000}.v362PrevGain.red{color:var(--red)}.v362PrevGain.blue{color:var(--blue)} .v362TeeResult{min-height:20px;display:grid;place-items:center;border-radius:6px;color:#8b96a2;font-size:7.3px;font-weight:1000;text-align:center} .v362TeeResult.ob{background:#edf4ff;color:#165ac2;border:1px solid #c8daf7}.v362TeeResult.hazard{background:#fff0f2;color:#c62f3f;border:1px solid #f7cbd0} .v362CurrentGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px} .v362StateBox{min-width:0;border-radius:9px;padding:7px 6px;min-height:111px}.v362StateBox.waiting{background:#fff3d9}.v362StateBox.complete{background:#e6f8ee} .v362StateTitle{display:flex;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:1000;white-space:nowrap}.v362StateTitle svg{font-size:15px} .v362StateBox.waiting .v362StateTitle{color:#e98711}.v362StateBox.complete .v362StateTitle{color:#0c8a55} .v362StateBox>strong{display:block;text-align:center;margin:3px 0 5px;font-size:21px;line-height:1;font-weight:1000} .v362StateBox.waiting>strong{color:#e57508}.v362StateBox.complete>strong{color:#147a50} .v362StateNames{display:grid;gap:4px}.v362StateNames span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2935;font-size:9.3px;font-weight:1000} .v362StateNames span i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:1px} .v362StateBox.waiting .v362StateNames i{background:#f39a1f}.v362StateBox.complete .v362StateNames i{background:#13a36b} .v362Actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 10px 0} .v362Actions>button{min-height:55px;border-radius:11px;border:1px solid;display:grid;grid-template-columns:34px 1fr 10px;align-items:center;gap:6px;padding:7px 9px;text-align:left} .v362Actions>button:first-child{border-color:#4f88b1;background:linear-gradient(135deg,#305f7c,#25465e);color:#fff} .v362Actions>button:last-child{border-color:#785aa1;background:linear-gradient(135deg,#5a3c7c,#4a3569);color:#fff} .v362Actions .icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:20px} .v362Actions b{display:block;color:#fff;font-size:10.7px;font-weight:1000}.v362Actions small{display:block;margin-top:2px;color:rgba(255,255,255,.7);font-size:7.4px;font-weight:800} .v362Actions em{font-style:normal;color:rgba(255,255,255,.85);font-size:19px} .v362MyCard{margin:8px 10px 0;background:#fff;border:1px solid #d8e4ec;border-radius:13px;box-shadow:0 2px 6px rgba(24,56,77,.05);overflow:hidden} .v362MyHead{min-height:32px;display:flex;align-items:center;padding:0 9px;border-bottom:1px solid #e8eef2} .v362MyHead>div{display:flex;align-items:center;gap:5px;color:#0d9b67}.v362MyHead svg{font-size:15px}.v362MyHead b{color:#1b2533;font-size:11.5px;font-weight:1000} .v362MyMain{display:grid;grid-template-columns:1.16fr .92fr .92fr;padding:4px 6px} .v362MyMain>div{min-width:0;min-height:42px;border-left:1px solid #e9eef2;display:grid;align-content:center;justify-items:center}.v362MyMain>div:first-child{border-left:0;justify-items:start;padding-left:5px} .v362MyMain span{font-size:7.7px;color:#687587;font-weight:900}.v362MyMain b{font-size:16px;line-height:1;color:#111827;font-weight:1000} .v362MyMain .player strong{font-size:10px;color:#1b2533}.v362MyMain .player b{font-size:20px;color:#ef2739;margin-top:2px} .v362ScoreTypes{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #edf1f4;background:#fafbfc} .v362ScoreTypes>div{min-height:33px;display:grid;align-content:center;justify-items:center;border-left:1px solid #edf1f4}.v362ScoreTypes>div:first-child{border-left:0} .v362ScoreTypes span{color:#7d8997;font-size:6.8px;font-weight:850}.v362ScoreTypes b{color:#111827!important;font-size:11px;line-height:1;margin-top:2px;font-weight:1000} .v362InputCard{margin:8px 10px 0;border-radius:13px;overflow:hidden;background:#fff;border:2px solid #075e56;box-shadow:0 2px 7px rgba(24,56,77,.1);scroll-margin-top:8px} .v362InputHead{min-height:61px;display:grid;grid-template-columns:78px minmax(116px,1fr) auto;align-items:center;gap:5px;padding:7px 8px;color:#fff;background:linear-gradient(90deg,#00695f,#004f48 56%,#00413d)} .v362PrevBtn{min-height:41px;border:1px solid rgba(63,224,185,.55);border-radius:10px;background:rgba(1,100,89,.6);color:#fff;font-size:17px}.v362PrevBtn b{font-size:10px;font-weight:1000}.v362PrevBtn:disabled{opacity:.35} .v362HoleTitle{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.v362HoleTitle svg{font-size:19px}.v362HoleTitle b{font-size:18px;font-weight:1000}.v362HoleTitle span{font-size:11px;font-weight:900} .v362Pots{display:flex;gap:4px}.v362Pots>div{min-width:67px;min-height:42px;border-radius:9px;display:grid;grid-template-columns:16px auto auto;align-items:center;gap:3px;padding:5px 6px} .v362Pots svg{font-size:14px}.v362Pots span{font-size:8px;font-weight:1000}.v362Pots b{font-size:11px;font-weight:1000;white-space:nowrap}.v362Pots .first{background:var(--red);color:#fff}.v362Pots .second{background:var(--blue);color:#fff} .v362HoleProgress{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:2px;padding:7px 7px 5px;background:#f7fafb;border-bottom:1px solid #e3ebf0} .v362HoleProgress button{position:relative;min-width:0;height:26px;padding:0;border:0;border-radius:999px;display:grid;place-items:center;font-size:8.2px;font-weight:1000;cursor:pointer} .v362HoleProgress button.pending{background:#e9eef3;color:#738195}.v362HoleProgress button.done{background:#12a36a;color:#fff} .v362HoleProgress button.current{background:#fff;color:#0b9f68;border:2px solid #10a56c;box-shadow:0 0 0 2px rgba(16,165,108,.12)} .v362HoleProgress button i{position:absolute;right:-1px;bottom:-2px;width:10px;height:10px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0a9a64;font-size:6px;font-style:normal;font-weight:1000} .v362FourInput{display:grid;grid-template-columns:.94fr .94fr 1.18fr 1.02fr;gap:0;padding:9px 6px 7px;border-bottom:1px solid #e9eef2} .v362InputCol{min-width:0;padding:0 5px;border-left:1px solid #e7edf2}.v362InputCol:first-child{border-left:0} .v362InputCol label{display:block;text-align:center;margin-bottom:6px;color:#1e2935;font-size:9.6px;font-weight:1000;white-space:nowrap} .v362Stepper{min-width:0;display:grid;grid-template-columns:30px minmax(26px,1fr) 30px;align-items:center;border-radius:8px;overflow:hidden;background:#eef3f6} .v362Stepper button{height:42px;border:0;background:#e7eef2;color:#0c9964;font-size:21px;font-weight:900}.v362Stepper button:disabled{opacity:.35} .v362Stepper b{text-align:center;color:#101827;background:#fff;height:42px;line-height:42px;font-size:17px;font-weight:1000} .v362TeeBtns{display:grid;grid-template-columns:1fr 1fr;gap:4px}.v362TeeBtns button{min-width:0;height:42px;border:1px solid #bfd0df;border-radius:8px;background:#f9fbfc;color:#26313e;font-size:10px;font-weight:950;padding:0 3px} .v362TeeBtns button.sel:first-child{border-color:#2467d8;background:#edf4ff;color:#1554b4}.v362TeeBtns button.sel:last-child{border-color:#f05a68;background:#fff1f3;color:#cf2638} .v362CompactInfo{min-height:35px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:4px 8px;color:#667484;background:#fbfcfd} .v362CompactInfo>span{font-size:8px;font-weight:900}.v362CompactInfo>b{font-size:11px;font-weight:1000;color:#1f2935} .v362MemoBtn{min-height:25px;border:1px solid #dbe4eb;border-radius:7px;background:#fff;color:#617083;font-size:8px;font-weight:900;padding:0 7px} .v362MemoOpen{padding:5px 8px;border-top:1px solid #e9eef2}.v362MemoOpen textarea{width:100%;box-sizing:border-box;border:1px solid #d8e1e8;border-radius:8px;padding:7px;font:inherit;font-size:10px;resize:vertical} .v362Save{margin:7px 8px 9px!important;min-height:53px!important;width:calc(100% - 16px)!important;border-radius:10px!important;border:0!important;background:linear-gradient(90deg,#0aa56c,#0c9565)!important;display:grid!important;grid-template-columns:24px 1fr 16px!important;align-items:center!important;color:#fff!important;font-size:14px!important;font-weight:1000!important} .v362Save svg{font-size:22px}.v362Save svg circle{fill:#fff}.v362Save svg path{stroke:#0a9966}.v362Save em{font-style:normal;font-size:22px} .v362BottomSheet{width:min(520px,100%)!important;align-self:end;border-radius:20px 20px 0 0!important;padding:12px 16px 18px!important} .modalBackdrop:has(.v362BottomSheet){align-items:end;padding:0}.v362SheetHandle{width:42px;height:4px;border-radius:99px;background:#d4dbe2;margin:0 auto 10px} .v362DbState{display:flex;align-items:center;gap:9px;border:1px solid #e2e8ef;border-radius:11px;padding:10px 11px;margin-bottom:8px;background:#f8fafc} .v362DbStateDot{width:10px;height:10px;border-radius:50%;flex:0 0 10px}.v362DbState.cloud .v362DbStateDot{background:#16c784}.v362DbState.loading .v362DbStateDot{background:#f59e0b}.v362DbState.error .v362DbStateDot{background:#ef4444}.v362DbState.local .v362DbStateDot{background:#94a3b8} .v362DbState b{display:block;font-size:11px}.v362DbState small{display:block;margin-top:2px;color:#7b8794;font-size:8px} .v362ToolList{display:grid;gap:2px}.v362ToolList>button{min-height:54px;border:0;border-top:1px solid #edf1f4;background:#fff;display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:9px;text-align:left;padding:7px 4px} .v362ToolList>button:first-child{border-top:0}.v362ToolList>button>svg{font-size:22px;color:#64748b}.v362ToolList>button>div{min-width:0} .v362ToolList b{display:block;color:#1e2935;font-size:11px;font-weight:1000}.v362ToolList span{display:block;margin-top:2px;color:#7d8996;font-size:8px}.v362ToolList em{font-style:normal;color:#a0a9b3;font-size:18px} .v362ToolList .dangerTool b,.v362ToolList .dangerTool>svg{color:#c53b48} .v362RoundInfo{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v362RoundInfo>div{border:1px solid #e3e9ef;border-radius:10px;padding:10px} .v362RoundInfo span{display:block;color:#7b8794;font-size:8px;margin-bottom:3px}.v362RoundInfo b{font-size:11px;color:#1d2732} .v362MemoSheet textarea{width:100%;box-sizing:border-box;border:1px solid #dce4ea;border-radius:10px;padding:10px;font:inherit}.v362MemoSheet .primary{width:100%;margin-top:8px} @media(max-width:430px){ .v362Duo,.v362Actions{padding-left:8px;padding-right:8px}.v362MyCard,.v362InputCard{margin-left:8px;margin-right:8px} .v362PrevHeader,.v362PrevRow{grid-template-columns:29px minmax(42px,1fr) 27px 34px 40px;gap:2px} .v362PrevRow strong{font-size:8.4px}.v362PrevGain{font-size:8.2px}.v362TeeResult{font-size:6.9px}.v362StateNames span{font-size:8.8px} .v362InputHead{grid-template-columns:68px minmax(100px,1fr) auto;padding:6px}.v362HoleTitle b{font-size:16px}.v362Pots>div{min-width:61px;padding:5px}.v362Pots b{font-size:10px} .v362HoleProgress{gap:1px;padding-left:5px;padding-right:5px}.v362HoleProgress button{height:24px;font-size:7.6px} .v362FourInput{padding-left:4px;padding-right:4px}.v362InputCol{padding:0 3px}.v362InputCol label{font-size:8.8px} .v362Stepper{grid-template-columns:26px minmax(22px,1fr) 26px}.v362Stepper button{height:40px;font-size:19px}.v362Stepper b{height:40px;line-height:40px;font-size:16px} .v362TeeBtns{gap:3px}.v362TeeBtns button{height:40px;font-size:9px} } /* ========================================================= v3.63 mobile navigation + final LIVE alignment ========================================================= */ /* Compact mobile top nav; hidden on desktop */ .v363TopNav{display:none} .v363MoreList{display:grid} .v363MoreList>button{ min-height:58px; border:0; border-top:1px solid #edf1f4; background:#fff; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; align-items:center; column-gap:8px; padding:9px 4px; text-align:left; } .v363MoreList>button:first-child{border-top:0} .v363MoreList b{ color:#1f2937; font-size:12px; font-weight:1000; } .v363MoreList span{ color:#7b8794; font-size:8.5px; font-weight:800; } .v363MoreList em{ grid-column:2; grid-row:1/3; color:#9aa4af; font-size:20px; font-style:normal; } /* Hero: use a real golf-course photograph with a dark readability overlay. Source is public-domain Wikimedia Commons, with gradient fallback. */ .v362Hero{ background-image: linear-gradient(180deg,rgba(4,26,34,.20),rgba(6,43,34,.62)), url("https://thumb.wikimedia.org/wikipedia/commons/thumb/e/e0/Gfp-madison-wisconsin-golf-course-landscape.jpg/1280px-Gfp-madison-wisconsin-golf-course-landscape.jpg")!important; background-size:cover!important; background-position:center 58%!important; background-repeat:no-repeat!important; } /* DB state dot: slightly separated from gear */ .v362Gear{overflow:visible!important} .v362DbDot{ top:-7px!important; right:-9px!important; } /* Previous/current proportions: give previous table a little more width */ .v362Duo{ grid-template-columns:1.14fr .86fr!important; gap:6px!important; } /* Previous-hole table: five columns fit without clipping */ .v362PrevRows{ padding:0 4px 4px!important; overflow:hidden!important; } .v362PrevHeader, .v362PrevRow{ grid-template-columns:28px minmax(40px,1fr) 27px 36px 40px!important; gap:2px!important; } .v362PrevHeader{ min-height:23px!important; font-size:7.4px!important; } .v362PrevRow{ min-height:30px!important; } .v362RankBadge{ min-height:21px!important; font-size:8.4px!important; } .v362PrevRow strong{ font-size:10px!important; } .v362PrevScore{ font-size:11px!important; } .v362PrevGain{ font-size:9.2px!important; } .v362TeeResult{ font-size:7.8px!important; min-height:20px!important; padding:0 1px!important; box-sizing:border-box!important; } /* Realtime actions: same position, slightly shorter */ .v362Actions>button{ min-height:50px!important; padding-top:6px!important; padding-bottom:6px!important; } .v362Actions .icon{ width:29px!important; height:29px!important; font-size:18px!important; } /* My LIVE: 15~20% more compact, same composition */ .v362MyHead{ min-height:27px!important; } .v362MyHead b{ font-size:10.8px!important; } .v362MyMain{ padding:2px 6px!important; } .v362MyMain>div{ min-height:35px!important; } .v362MyMain .player strong{ font-size:9.4px!important; } .v362MyMain .player b{ font-size:18px!important; } .v362MyMain span{ font-size:7.2px!important; } .v362MyMain b{ font-size:15px!important; } .v362ScoreTypes>div{ min-height:27px!important; } .v362ScoreTypes span{ font-size:6.4px!important; } .v362ScoreTypes b{ font-size:10.5px!important; color:#111827!important; } /* Hole progress: keep a single clean line. Done = green, current = white/green outline, pending = gray. Check remains inside the circle to prevent overlap. */ .v362HoleProgress{ gap:2px!important; padding:7px 6px 6px!important; overflow:hidden!important; } .v362HoleProgress button{ height:25px!important; overflow:hidden!important; } .v362HoleProgress button i{ right:1px!important; bottom:1px!important; width:8px!important; height:8px!important; font-size:5px!important; background:rgba(255,255,255,.96)!important; box-shadow:none!important; } /* Input columns: increase usable width, especially tee and non-tee penalty */ .v362FourInput{ grid-template-columns:.95fr .95fr 1.15fr 1.15fr!important; padding-left:4px!important; padding-right:4px!important; } .v362InputCol{ padding-left:3px!important; padding-right:3px!important; } .v362InputCol label{ font-size:9px!important; letter-spacing:-.2px!important; } .v362Stepper{ grid-template-columns:26px minmax(22px,1fr) 26px!important; } .v362Stepper button{ min-width:0!important; padding:0!important; } .v362TeeBtns button{ min-width:0!important; padding:0 2px!important; } /* Preserve the approved hole-header layout; only tune spacing */ .v362InputHead{ column-gap:4px!important; } .v362HoleTitle{ padding:0 2px!important; } .v362Pots{ gap:3px!important; } /* Mobile: remove old large header/sidebar and use top navigation */ @media(max-width:700px){ .v363Shell .sidebar{ display:none!important; } .v363Shell{ display:block!important; } .v363Shell .main{ margin-left:0!important; width:100%!important; max-width:none!important; padding:7px 8px 48px!important; } .v363TopNav{ position:sticky; top:0; z-index:80; display:grid; grid-template-columns:.82fr .82fr .92fr 1.22fr .9fr; gap:3px; min-height:45px; padding:5px; margin:0 0 7px; border:1px solid #dfe6ed; border-radius:12px; background:rgba(255,255,255,.96); box-shadow:0 3px 12px rgba(22,38,56,.08); backdrop-filter:blur(10px); } .v363TopNav button{ min-width:0; min-height:34px; border:0; border-radius:8px; background:transparent; color:#718095; font-size:9.5px; font-weight:900; white-space:nowrap; padding:0 3px; } .v363TopNav button.active{ background:#12233b; color:#fff; box-shadow:0 2px 5px rgba(15,23,42,.16); } /* Non-LIVE pages retain their functional topbar under compact navigation */ .v363Shell .topbar{ margin:5px 3px 10px!important; } /* LIVE begins immediately below compact nav */ .v363Shell .v362Live{ margin-top:0!important; } .v362Hero{ min-height:103px!important; border-radius:15px 15px 0 0!important; } .v362Duo, .v362Actions{ padding-left:7px!important; padding-right:7px!important; } .v362MyCard, .v362InputCard{ margin-left:7px!important; margin-right:7px!important; } .v362PrevHeader, .v362PrevRow{ grid-template-columns:27px minmax(38px,1fr) 26px 33px 38px!important; } .v362PrevRow strong{ font-size:9.6px!important; } .v362PrevScore{ font-size:10.7px!important; } .v362PrevGain{ font-size:8.8px!important; } .v362TeeResult{ font-size:7.3px!important; } .v362Actions>button{ min-height:49px!important; } .v362InputHead{ grid-template-columns:64px minmax(94px,1fr) auto!important; } .v362HoleTitle b{ font-size:15.5px!important; } .v362Pots>div{ min-width:58px!important; padding-left:4px!important; padding-right:4px!important; } .v362HoleProgress{ gap:1px!important; padding-left:4px!important; padding-right:4px!important; } .v362HoleProgress button{ height:23px!important; font-size:7.3px!important; } .v362FourInput{ grid-template-columns:.94fr .94fr 1.14fr 1.18fr!important; } .v362Stepper{ grid-template-columns:24px minmax(21px,1fr) 24px!important; } .v362Stepper button{ height:40px!important; font-size:19px!important; } .v362Stepper b{ height:40px!important; line-height:40px!important; font-size:16px!important; } .v362TeeBtns button{ height:40px!important; font-size:8.8px!important; } } @media(max-width:370px){ .v363TopNav{ grid-template-columns:.78fr .78fr .88fr 1.2fr .86fr; padding-left:3px; padding-right:3px; } .v363TopNav button{ font-size:8.7px; } .v362Duo{ grid-template-columns:1.16fr .84fr!important; } .v362PrevHeader, .v362PrevRow{ grid-template-columns:25px minmax(34px,1fr) 24px 30px 34px!important; } .v362PrevHeader{font-size:6.7px!important} .v362PrevRow strong{font-size:8.9px!important} .v362TeeResult{font-size:6.8px!important} .v362InputHead{ grid-template-columns:58px minmax(84px,1fr) auto!important; } .v362HoleTitle b{font-size:14.5px!important} .v362Pots>div{min-width:53px!important} .v362InputCol label{font-size:8.3px!important} } /* ========================================================= v3.64 LIVE refinement ========================================================= */ /* 상단 전체 탭 복귀 */ @media(max-width:700px){ .v363Shell .main{ padding:7px 8px 20px!important; } .v363TopNav.v364TopTabs{ display:flex!important; align-items:center; gap:5px; min-height:44px; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding:5px; margin:0 0 8px; white-space:nowrap; } .v363TopNav.v364TopTabs::-webkit-scrollbar{display:none} .v363TopNav.v364TopTabs button{ flex:0 0 auto; min-width:auto!important; min-height:33px!important; padding:0 11px!important; font-size:9.4px!important; border-radius:8px!important; } .v363TopNav.v364TopTabs button.active{ background:#12233b!important; color:#fff!important; } } /* LIVE 시작 화면: 상단 탭 아래 여백만 정돈 */ @media(max-width:700px){ .v363Shell .livePage:not(.livePlay){margin-top:8px!important} .v363Shell .liveIntro{margin-bottom:14px!important} .v363Shell .liveIntro h2{font-size:21px!important} .v363Shell .liveRoundCard div span{color:#667487!important} } /* 이전홀 표: 헤더와 데이터 열 기준선 통일 */ .v362PrevHeader>span:nth-child(1), .v362PrevRow>.v362RankBadge{ justify-self:stretch!important; text-align:center!important; } .v362PrevHeader>span:nth-child(2), .v362PrevRow>strong{ justify-self:stretch!important; text-align:left!important; padding-left:3px!important; } .v362PrevHeader>span:nth-child(3), .v362PrevHeader>span:nth-child(4), .v362PrevHeader>span:nth-child(5), .v362PrevScore, .v362PrevGain, .v362TeeResult{ text-align:center!important; } .v362RankBadge{width:100%!important} /* 이전홀/현재홀 PAR 우측 기준과 보조 글씨 가독성 */ .v362PanelHead small{ justify-self:end!important; color:#566578!important; } .v362PanelHead b{align-self:center!important} .v362Actions small{color:rgba(255,255,255,.82)!important} .v362MyMain span{color:#58677a!important} .v362ScoreTypes span{color:#687587!important} .v362DbState small{color:#627084!important} /* 홀 번호 간격 균일화 */ .v362HoleProgress{gap:2px!important} /* 4개 입력 항목을 동일 비율/동일 간격으로 */ .v362FourInput.v364FourInput{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:6px!important; padding:10px 8px 8px!important; } .v364FourInput .v362InputCol{ padding:0!important; border-left:0!important; } .v364FourInput .v362InputCol label{ min-height:15px; margin-bottom:5px!important; font-size:9px!important; line-height:1.15!important; white-space:nowrap!important; } .v364FourInput .v362InputCol.penalty label{ font-size:8.3px!important; letter-spacing:-.35px!important; } .v364FourInput .v362Stepper{ grid-template-columns:24px minmax(20px,1fr) 24px!important; } .v364FourInput .v362Stepper button, .v364FourInput .v362Stepper b, .v364FourInput .v362TeeBtns button{ height:40px!important; } .v364FourInput .v362Stepper b{line-height:40px!important} .v364FourInput .v362TeeBtns{gap:4px!important} .v364FourInput .v362TeeBtns button{font-size:8.7px!important;padding:0 1px!important} /* 현재 홀 표시를 더 또렷하게 */ .v362CompactInfo.v364CurrentHoleInfo{ min-height:40px!important; grid-template-columns:auto 1fr auto!important; padding:5px 9px!important; gap:8px!important; } .v364CurrentHoleInfo>span{ color:#334155!important; font-size:10.5px!important; font-weight:1000!important; } .v364CurrentHoleInfo>b{ color:#111827!important; font-size:14px!important; font-weight:1000!important; } /* 저장 / 다음 홀 분리: 기존 대형 버튼보다 작고 부담 없이 */ .v364SaveNav{ display:grid; grid-template-columns:1.05fr .95fr; gap:7px; padding:7px 8px 9px; border-top:1px solid #edf1f4; background:#fff; } .v364SaveNav button{ min-height:40px; border-radius:9px; font-size:11.5px; font-weight:1000; cursor:pointer; } .v364SaveOnly{ border:0!important; background:linear-gradient(90deg,#0aa56c,#0c9565)!important; color:#fff!important; display:flex!important; align-items:center; justify-content:center; gap:6px; padding:0 10px!important; } .v364SaveOnly svg{font-size:18px} .v364SaveOnly.saved{background:#087b56!important} .v364NextOnly{ border:1px solid #8fc7b2; background:#f3fbf7; color:#0b7d57; display:grid; grid-template-columns:1fr 14px; align-items:center; padding:0 10px; } .v364NextOnly em{font-style:normal;font-size:18px} .v364NextOnly:disabled{ border-color:#dbe4e8; background:#f5f7f8; color:#a4adb6; cursor:not-allowed; opacity:.72; } @media(max-width:370px){ .v363TopNav.v364TopTabs button{padding:0 9px!important;font-size:8.9px!important} .v362FourInput.v364FourInput{gap:4px!important;padding-left:6px!important;padding-right:6px!important} .v364FourInput .v362InputCol label{font-size:8.5px!important} .v364FourInput .v362InputCol.penalty label{font-size:7.8px!important} .v364FourInput .v362Stepper{grid-template-columns:22px minmax(18px,1fr) 22px!important} .v364SaveNav{gap:5px!important} } /* ========================================================= v3.65 header + banner + status-board overrides ========================================================= */ .v365Shell .main{padding-top:0!important} .v365Header{display:none} @media (max-width:900px){ .v365Shell .sidebar{display:none!important} .v365Header{display:block;padding:10px 10px 0;background:linear-gradient(180deg,#eef2f6 0%,#f5f7fa 100%)} .v365Brand{display:flex;align-items:flex-start;gap:10px;padding:4px 4px 10px} .v365BrandMark{width:34px;height:34px;color:#0f223f} .v365BrandMark svg{width:100%;height:100%} .v365BrandText{text-align:left;min-width:0} .v365BrandText b{display:block;color:#0f223f;font-size:16px;font-weight:1000;letter-spacing:-.3px} .v365BrandText span{display:block;margin-top:2px;color:#6a7685;font-size:11px;font-weight:700} .v365Header .v363TopNav.v364TopTabs{display:flex!important;margin:0;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.08);padding:10px 9px;gap:9px;overflow-x:auto} .v365Header .v363TopNav.v364TopTabs button{flex:0 0 auto;height:44px;padding:0 16px!important;border-radius:14px!important;color:#66748b!important;background:transparent!important;font-size:10px!important;font-weight:950!important;box-shadow:none!important} .v365Header .v363TopNav.v364TopTabs button.active{background:#0f2342!important;color:#fff!important;box-shadow:0 8px 18px rgba(15,35,66,.18)!important} .v365Shell .topbar{display:none!important} .v365Shell .main{padding-left:0!important;padding-right:0!important} } .v365Live{padding-top:0!important} .v365Banner{position:relative;margin:8px 10px 0;min-height:122px;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 4px 16px rgba(18,34,51,.12)} .v365BannerOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,23,38,.33),rgba(10,23,38,.08) 55%,rgba(10,23,38,.18))} .v365BannerTopRight{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:8px;z-index:2} .v365LivePill{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border-radius:14px;background:rgba(9,89,57,.82);border:1px solid rgba(66,241,177,.45);box-shadow:0 6px 14px rgba(7,83,61,.18)} .v365LivePill .dot{width:10px;height:10px;border-radius:50%;background:#29e684;box-shadow:0 0 0 3px rgba(41,230,132,.18)} .v365LivePill b{color:#eafff4;font-size:12px;font-weight:1000;white-space:nowrap} .v365GearBtn{position:relative;width:40px;height:40px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:rgba(19,29,40,.42);backdrop-filter:blur(3px);color:#fff;display:grid;place-items:center} .v365GearBtn svg{font-size:22px} .v365GearBtn .v362DbDot{top:4px;right:4px;width:10px;height:10px;border:2px solid rgba(255,255,255,.9)} .v365BannerText{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;color:#fff} .v365BannerText .course{display:flex;align-items:center;gap:7px} .v365BannerText .course svg{font-size:22px} .v365BannerText .course b{font-size:24px;font-weight:1000;letter-spacing:-.4px} .v365BannerText>span{display:block;margin-top:6px;font-size:12px;font-weight:900;color:rgba(255,255,255,.96)} .v365BoardCard{margin:10px 10px 0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #cde1dd;box-shadow:0 2px 10px rgba(24,56,77,.06)} .v365BoardHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:linear-gradient(90deg,#0c7c66 0%,#065c57 100%);color:#fff} .v365BoardTitle{display:flex;align-items:center;gap:8px;min-width:0} .v365BoardTitle svg{font-size:21px;flex:0 0 auto} .v365BoardTitle b{font-size:17px;font-weight:1000;white-space:nowrap} .v365BoardTitle strong{font-size:22px;font-weight:1000;white-space:nowrap} .v365BoardTitle span{font-size:13px;font-weight:900;white-space:nowrap;color:rgba(255,255,255,.92)} .v365BoardHeadRight{display:flex;align-items:center;gap:8px} .v365BoardCount{min-height:34px;display:flex;align-items:center;padding:0 11px;border-radius:13px;border:1px solid rgba(173,233,215,.45);background:rgba(3,47,46,.18);font-size:10px;font-weight:900;white-space:nowrap} .v365BoardCount em{font-style:normal;color:#ffef6b;font-size:14px;margin:0 2px} .v365BoardNav{display:flex;gap:5px} .v365BoardNav button{width:28px;height:28px;border:1px solid rgba(173,233,215,.45);border-radius:10px;background:rgba(3,47,46,.18);color:#fff;font-size:18px;font-weight:1000} .v365BoardNav button:disabled{opacity:.35} .v365BoardTable{padding:0 9px 8px} .v365BoardRow{display:grid;grid-template-columns:40px 56px minmax(54px,1fr) 44px 44px 58px;align-items:center;gap:4px;min-height:46px;border-top:1px solid #e8edf2} .v365BoardRow.head{min-height:33px;border-top:0;color:#728196;font-size:9px;font-weight:1000;text-align:center;background:#f7fafc} .v365BoardRow.head strong{font-size:9px;color:#728196} .v365InputState{display:grid;place-items:center}.v365InputState i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-style:normal;font-weight:1000} .v365InputState.done i{background:#1fb66e;color:#fff;font-size:16px}.v365InputState.done svg{font-size:15px} .v365InputState.wait i{background:#eff3f7;color:#495668;font-size:11px;letter-spacing:1px} .v365RankBadge{justify-self:center;min-width:42px;min-height:28px;padding:0 6px;display:grid;place-items:center;border-radius:10px;color:#fff;font-size:11px;font-weight:1000;background:transparent} .v365RankBadge.r1{background:#ff4154}.v365RankBadge.r2{background:#4d7dff}.v365RankBadge.r3{background:#2a9d8f}.v365RankBadge.r4{background:#9ca3af}.v365RankBadge:not(.r1):not(.r2):not(.r3):not(.r4){color:#8290a3;background:transparent} .v365BoardRow strong{font-size:14px;font-weight:1000;color:#182334;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .v365BoardRow .score{text-align:center;font-size:18px;font-weight:1000;color:#0f172a} .v365BoardRow .gain{text-align:center;font-size:12px;font-weight:1000;color:#8c99a8}.v365BoardRow .gain.r1{color:#ff4154}.v365BoardRow .gain.r2{color:#2563eb} .v365BoardRow .tee{justify-self:center;min-width:54px;min-height:30px;padding:0 8px;border-radius:11px;display:grid;place-items:center;font-size:10px;font-weight:1000;color:#8492a1} .v365BoardRow .tee.ob{background:#ffecef;color:#d4293e}.v365BoardRow .tee.hazard{background:#eef2f6;color:#334155} .v365Actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px 0} .v365Actions>button{min-height:46px;border-radius:16px;border:1px solid #d4dfea;background:#eef4f9;color:#223247;display:grid;grid-template-columns:30px 1fr 10px;align-items:center;gap:8px;padding:8px 12px;text-align:left} .v365Actions>button:last-child{background:#f2eef8;border-color:#ddd2ee} .v365Actions .icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.55);font-size:18px;color:#516274} .v365Actions b{display:block;font-size:11.5px;font-weight:1000;color:#203247}.v365Actions small{display:block;margin-top:2px;font-size:8.5px;font-weight:900;color:#6d7d91}.v365Actions em{font-style:normal;color:#7b8ca1;font-size:18px} .v365MyCard{margin-top:8px!important} .v365MyCard .v362MyHead{min-height:38px;padding:0 12px} .v365MyCard .v362MyHead b{font-size:13px} .v365MyCard .v362MyMain{padding:8px 8px} .v365MyCard .v362MyMain>div{min-height:58px} .v365MyCard .v362MyMain .player strong{font-size:13px}.v365MyCard .v362MyMain .player b{font-size:27px} .v365MyCard .v362MyMain span{font-size:10px}.v365MyCard .v362MyMain b{font-size:19px} .v365MyCard .v362ScoreTypes>div{min-height:44px}.v365MyCard .v362ScoreTypes span{font-size:9px}.v365MyCard .v362ScoreTypes b{font-size:13px} .v365InputCard{margin-top:8px!important;border-width:2px!important} .v365InputHead{min-height:62px!important;padding:9px 10px!important;grid-template-columns:74px minmax(120px,1fr) auto!important} .v365PrevTag{min-height:42px;border:1px solid rgba(86,239,197,.5);border-radius:14px;background:rgba(8,106,91,.56);color:#fff;font-size:18px} .v365PrevTag b{font-size:11px;font-weight:1000} .v365HoleTitle{justify-content:flex-start!important;gap:6px!important;padding-left:2px} .v365HoleTitle b{font-size:23px!important}.v365HoleTitle span{font-size:13px!important}.v365HoleTitle svg{font-size:21px!important} .v365Pots>div{min-width:72px!important;min-height:40px!important} .v365FourInput{padding:10px 8px 8px!important;gap:8px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important} .v365FourInput .v362InputCol{padding:0!important;border-left:0!important} .v365FourInput .v362InputCol label{font-size:11px!important;margin-bottom:7px!important} .v365FourInput .v362InputCol.penalty label{font-size:10px!important} .v365FourInput .v362Stepper{grid-template-columns:32px minmax(24px,1fr) 32px!important} .v365FourInput .v362Stepper button,.v365FourInput .v362Stepper b,.v365FourInput .v362TeeBtns button{height:48px!important} .v365FourInput .v362Stepper b{line-height:48px!important;font-size:20px!important} .v365FourInput .v362TeeBtns button{font-size:12px!important} .v365CurrentHoleInfo{min-height:42px!important;padding:6px 10px!important}.v365CurrentHoleInfo>span{font-size:11px!important}.v365CurrentHoleInfo>b{font-size:15px!important} .v365SaveNav{padding:0 10px 11px!important}.v365SaveNav button{min-height:54px!important} @media (max-width:480px){ .v365Banner{min-height:112px;margin-left:8px;margin-right:8px;border-radius:16px} .v365BannerText .course b{font-size:20px}.v365BannerText>span{font-size:11px} .v365BoardCard,.v365Actions,.v362MyCard,.v362InputCard{margin-left:8px!important;margin-right:8px!important} .v365BoardHead{padding:8px 10px} .v365BoardTitle b{font-size:15px}.v365BoardTitle strong{font-size:19px}.v365BoardTitle span{font-size:12px} .v365BoardCount{font-size:9px;padding:0 9px}.v365BoardCount em{font-size:13px} .v365BoardRow{grid-template-columns:36px 52px minmax(48px,1fr) 40px 40px 54px;min-height:42px} .v365BoardRow strong{font-size:12.5px}.v365BoardRow .score{font-size:16px}.v365BoardRow .tee{min-width:50px;font-size:9px} .v365Actions{padding-left:8px;padding-right:8px}.v365Actions>button{min-height:42px;padding:7px 10px} .v365Actions b{font-size:10.5px}.v365Actions small{font-size:8px} .v365MyCard .v362MyMain>div{min-height:54px}.v365MyCard .v362MyMain .player b{font-size:24px} .v365InputHead{grid-template-columns:66px minmax(96px,1fr) auto!important;padding:8px!important} .v365HoleTitle b{font-size:18px!important}.v365HoleTitle span{font-size:12px!important} .v365Pots>div{min-width:61px!important} .v365FourInput{gap:6px!important;padding:9px 6px 8px!important} .v365FourInput .v362InputCol label{font-size:9.5px!important}.v365FourInput .v362InputCol.penalty label{font-size:8.8px!important} .v365FourInput .v362Stepper{grid-template-columns:26px minmax(20px,1fr) 26px!important} .v365FourInput .v362Stepper button,.v365FourInput .v362Stepper b,.v365FourInput .v362TeeBtns button{height:44px!important} .v365FourInput .v362Stepper b{line-height:44px!important;font-size:18px!important} .v365SaveNav button{min-height:50px!important} } /* ========================================================= v3.66 precise mobile sizing ========================================================= */ @media(max-width:900px){ .v366Header{padding:6px 8px 0!important;background:linear-gradient(180deg,#f0f3f7 0%,#f5f7fa 100%)!important} .v366Brand{gap:8px!important;padding:2px 4px 7px!important;align-items:center!important} .v366BrandMark{width:26px!important;height:26px!important;color:#0e2342!important;flex:0 0 26px!important} .v366BrandText b{font-size:14px!important;line-height:1.1!important;letter-spacing:-.2px!important} .v366BrandText span{font-size:9.5px!important;line-height:1.15!important;margin-top:2px!important} .v366TopTabs{display:grid!important;grid-template-columns:.72fr .78fr .78fr 1.12fr 1.08fr .84fr .68fr!important;gap:3px!important;overflow:hidden!important;padding:6px!important;border-radius:13px!important;box-shadow:0 4px 14px rgba(15,23,42,.08)!important} .v366TopTabs button{min-width:0!important;width:100%!important;height:36px!important;padding:0 2px!important;border-radius:10px!important;font-size:8.4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important} .v366TopTabs button.active{height:36px!important;border-radius:11px!important} } .v366Banner{margin-top:7px!important;min-height:104px!important;border-radius:15px!important;background-position:center 47%!important} .v366BannerOverlay{background:linear-gradient(90deg,rgba(8,20,35,.38),rgba(8,20,35,.04) 58%,rgba(8,20,35,.18))!important} .v366BannerTopRight{top:7px!important;right:7px!important;gap:6px!important} .v366LivePill{min-height:31px!important;padding:0 10px!important;border-radius:11px!important;gap:6px!important} .v366LivePill .dot{width:8px!important;height:8px!important} .v366LivePill b{font-size:10px!important} .v366GearBtn{width:33px!important;height:33px!important;border-radius:11px!important} .v366GearBtn svg{font-size:18px!important} .v366BannerText{left:12px!important;bottom:10px!important} .v366BannerText .course{gap:6px!important}.v366BannerText .course svg{font-size:17px!important}.v366BannerText .course b{font-size:18px!important} .v366BannerText>span{margin-top:3px!important;font-size:10px!important} .v366BoardCard{margin-top:7px!important;border-radius:15px!important} .v366BoardHead{min-height:45px!important;padding:6px 9px!important;gap:6px!important} .v366BoardTitle{gap:6px!important}.v366BoardTitle svg{font-size:17px!important}.v366BoardTitle b{font-size:14px!important}.v366BoardTitle strong{font-size:18px!important}.v366BoardTitle span{font-size:10.5px!important} .v366BoardHeadRight{gap:5px!important}.v366BoardCount{min-height:29px!important;padding:0 8px!important;border-radius:10px!important;font-size:8.5px!important}.v366BoardCount em{font-size:11.5px!important} .v366BoardNav{gap:4px!important}.v366BoardNav button{width:27px!important;height:29px!important;border-radius:9px!important;font-size:15px!important} .v366BoardTable{padding:0 7px 5px!important} .v366BoardRow{grid-template-columns:34px 47px minmax(48px,1fr) 38px 38px 50px!important;gap:3px!important;min-height:36px!important} .v366BoardRow.head{min-height:27px!important;font-size:7.8px!important} .v366InputState i{width:25px!important;height:25px!important}.v366InputState.done i{font-size:13px!important}.v366InputState.done svg{font-size:12px!important}.v366InputState.wait i{font-size:9px!important} .v366BoardRow .v365RankBadge{min-width:36px!important;min-height:23px!important;border-radius:8px!important;font-size:9px!important} .v366BoardRow strong{font-size:11px!important}.v366BoardRow .score{font-size:14px!important}.v366BoardRow .gain{font-size:9.5px!important;background:transparent!important}.v366BoardRow .gain.gain1{color:#ff4154!important}.v366BoardRow .gain.gain2{color:#2563eb!important} .v366BoardRow .tee{min-width:43px!important;min-height:24px!important;border-radius:8px!important;font-size:8px!important;padding:0 5px!important} .v366Actions{gap:7px!important;padding-top:6px!important} .v366Actions>button{min-height:39px!important;border-radius:13px!important;padding:5px 9px!important;grid-template-columns:25px 1fr 8px!important;gap:6px!important;background:#edf3f8!important;border-color:#d6e0e9!important} .v366Actions>button:last-child{background:#f3f0f7!important;border-color:#e0d9e9!important} .v366Actions .icon{width:25px!important;height:25px!important;border-radius:8px!important;font-size:15px!important;background:rgba(255,255,255,.7)!important} .v366Actions b{font-size:9.5px!important;color:#29394c!important}.v366Actions small{font-size:7.5px!important;margin-top:1px!important;color:#718093!important}.v366Actions em{font-size:15px!important;color:#8492a2!important} .v365MyCard.v362MyCard{margin-top:7px!important} .v365MyCard .v362MyHead{min-height:40px!important;padding:0 10px!important}.v365MyCard .v362MyHead b{font-size:12.5px!important} .v365MyCard .v362MyMain{padding:7px 7px!important}.v365MyCard .v362MyMain>div{min-height:61px!important} .v365MyCard .v362MyMain .player strong{font-size:12px!important}.v365MyCard .v362MyMain .player b{font-size:26px!important}.v365MyCard .v362MyMain span{font-size:9px!important}.v365MyCard .v362MyMain b{font-size:18px!important} .v365MyCard .v362ScoreTypes>div{min-height:43px!important}.v365MyCard .v362ScoreTypes span{font-size:8.5px!important}.v365MyCard .v362ScoreTypes b{font-size:12.5px!important} .v365InputCard{margin-top:7px!important} .v365InputHead{min-height:58px!important;padding:7px 8px!important;grid-template-columns:68px minmax(108px,1fr) auto!important} .v365PrevTag{min-height:38px!important;border-radius:12px!important;font-size:16px!important}.v365PrevTag b{font-size:10px!important} .v365HoleTitle b{font-size:20px!important}.v365HoleTitle span{font-size:11.5px!important}.v365HoleTitle svg{font-size:18px!important} .v365Pots>div{min-width:64px!important;min-height:38px!important;padding:4px 5px!important}.v365Pots span{font-size:7.5px!important}.v365Pots b{font-size:9.5px!important} .v365FourInput{gap:6px!important;padding:10px 7px 8px!important}.v365FourInput .v362InputCol label{font-size:10px!important}.v365FourInput .v362InputCol.penalty label{font-size:9px!important} .v365FourInput .v362Stepper{grid-template-columns:28px minmax(22px,1fr) 28px!important}.v365FourInput .v362Stepper button,.v365FourInput .v362Stepper b,.v365FourInput .v362TeeBtns button{height:48px!important}.v365FourInput .v362Stepper b{line-height:48px!important;font-size:19px!important}.v365FourInput .v362TeeBtns button{font-size:10.5px!important} .v365CurrentHoleInfo{min-height:44px!important}.v365CurrentHoleInfo>span{font-size:10.5px!important}.v365CurrentHoleInfo>b{font-size:14px!important} .v365SaveNav{padding-bottom:10px!important}.v365SaveNav button{min-height:52px!important} @media(max-width:400px){ .v366BrandText b{font-size:13.5px!important}.v366BrandText span{font-size:9px!important} .v366TopTabs button{font-size:7.8px!important} .v366Banner{min-height:98px!important} .v366BoardRow{grid-template-columns:32px 44px minmax(45px,1fr) 36px 36px 47px!important} .v366BoardRow strong{font-size:10.4px!important} .v365InputHead{grid-template-columns:62px minmax(92px,1fr) auto!important} .v365HoleTitle b{font-size:17px!important}.v365Pots>div{min-width:57px!important} .v365FourInput{gap:4px!important;padding-left:5px!important;padding-right:5px!important} .v365FourInput .v362InputCol label{font-size:9.2px!important}.v365FourInput .v362InputCol.penalty label{font-size:8.4px!important} .v365FourInput .v362Stepper{grid-template-columns:25px minmax(19px,1fr) 25px!important}.v365FourInput .v362TeeBtns button{font-size:9.5px!important} } /* ========================================================= v3.67 isolated mobile top navigation hotfix ========================================================= */ .v367Header{display:none} @media(max-width:900px){ .v367Header{display:block;padding:7px 8px 0;background:linear-gradient(180deg,#f0f3f7 0%,#f5f7fa 100%)} .v367Brand{display:flex;align-items:center;gap:8px;padding:2px 4px 8px} .v367BrandMark{width:27px;height:27px;flex:0 0 27px;color:#0f2342} .v367BrandMark svg{width:100%;height:100%} .v367BrandText{min-width:0;text-align:left} .v367BrandText b{display:block;color:#0f2342;font-size:14px;font-weight:1000;line-height:1.1;letter-spacing:-.25px;white-space:nowrap} .v367BrandText span{display:block;margin-top:2px;color:#6b7787;font-size:9.5px;font-weight:750;line-height:1.15;white-space:nowrap} .v367Tabs{ display:flex!important; align-items:center; gap:4px; width:100%; padding:6px; margin:0 0 8px; overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch; scrollbar-width:none; white-space:nowrap; border:1px solid #dfe6ed; border-radius:14px; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.08); } .v367Tabs::-webkit-scrollbar{display:none} .v367Tab{ appearance:none; -webkit-appearance:none; flex:0 0 auto!important; width:auto!important; min-width:54px!important; height:38px!important; padding:0 11px!important; margin:0!important; border:0!important; border-radius:11px!important; background:transparent!important; color:#6b7890!important; font-size:9.5px!important; line-height:38px!important; font-weight:950!important; text-align:center!important; white-space:nowrap!important; box-shadow:none!important; } .v367Tab.active{ background:#102645!important; color:#fff!important; box-shadow:0 4px 10px rgba(15,35,66,.18)!important; } /* Old experimental nav containers must never take space. */ .v365Header,.v366Header,.v363TopNav,.v364TopTabs,.v366TopTabs{display:none!important} .v367Header .v367Tabs{display:flex!important} } @media(max-width:390px){ .v367BrandText b{font-size:13.5px} .v367BrandText span{font-size:9px} .v367Tab{min-width:50px!important;padding:0 9px!important;font-size:9px!important} } /* ========================================================= v3.68 final mobile polish ========================================================= */ .v368Header{display:none} @media(max-width:900px){ /* yesterday-style dark header */ .v368Header{display:block;background:#081426;padding:12px 12px 10px;margin:0;color:#fff} .v368Brand{display:flex;align-items:center;gap:12px;padding:2px 2px 13px} .v368BrandMark{width:38px;height:38px;border-radius:13px;background:#fff;color:#101827;display:grid;place-items:center;font-size:17px;font-weight:1000;box-shadow:0 1px 0 rgba(255,255,255,.35)} .v368BrandText{text-align:left;min-width:0}.v368BrandText b{display:block;color:#fff;font-size:15px;font-weight:1000;line-height:1.12;letter-spacing:-.25px}.v368BrandText span{display:block;margin-top:3px;color:#8e9ab0;font-size:9.5px;font-weight:700;line-height:1.15} .v368Tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 0 1px;white-space:nowrap} .v368Tabs::-webkit-scrollbar{display:none} .v368Tab{flex:0 0 auto;min-width:76px;height:48px;padding:0 13px;border:0;border-radius:15px;background:transparent;color:#8f9aaf;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:900;white-space:nowrap} .v368Tab.active{min-width:112px;background:#fff;color:#121923;box-shadow:0 6px 16px rgba(0,0,0,.15)} .v368Tab em{font-style:normal;font-size:23px;line-height:1;color:#2a313c;margin-left:auto} .v365Header,.v366Header,.v367Header,.v363TopNav,.v364TopTabs,.v366TopTabs{display:none!important} .v368Header{display:block!important} /* restore normal content width on every screen except active LIVE input */ .v365Shell .main{padding-left:0!important;padding-right:0!important} .v365Shell .main > .sectionBlock:not(.livePlay){margin-left:14px!important;margin-right:14px!important;width:auto!important;max-width:none!important} .v365Shell .main > .topbar{margin-left:14px!important;margin-right:14px!important} } /* board: precise columns, less status emphasis, stronger arrows */ .v368BoardHead{min-height:40px!important;padding:5px 8px!important} .v368BoardTitle{gap:5px!important}.v368BoardTitle svg{font-size:15px!important}.v368BoardTitle b{font-size:13px!important}.v368BoardTitle strong{font-size:17px!important}.v368BoardTitle span{font-size:10px!important} .v368BoardHeadRight{gap:7px!important}.v368BoardCount{min-height:25px!important;padding:0 6px!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.66)!important;font-size:8px!important;font-weight:800!important}.v368BoardCount em{font-size:10px!important;color:#d7e5df!important;margin:0 1px!important} .v368BoardNav{gap:5px!important}.v368BoardNav button{width:31px!important;height:31px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.45)!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:20px!important;font-weight:1000!important;box-shadow:0 2px 6px rgba(0,0,0,.12)} .v368BoardNav button:disabled{opacity:.28!important} .v368BoardTable{padding:0 6px 4px!important} .v368BoardRow{grid-template-columns:36px 48px minmax(58px,1fr) 40px 48px 54px!important;gap:2px!important;min-height:34px!important;text-align:center!important} .v368BoardRow.head{min-height:25px!important;font-size:7.8px!important}.v368BoardRow.head>span{display:grid;place-items:center;height:100%} .v368BoardRow>strong{justify-self:center!important;text-align:center!important;font-size:10.8px!important} .v368BoardRow>.score,.v368BoardRow>.gain,.v368BoardRow>.tee,.v368BoardRow>.v368RankBadge{justify-self:center!important;text-align:center!important} .v368InputState i{width:24px!important;height:24px!important} /* shared softer 1st/2nd colors */ .v368RankBadge.r1{background:#ffd9df!important;color:#b4233b!important;border:1px solid #ffc2cd!important} .v368RankBadge.r2{background:#dce8ff!important;color:#2452a4!important;border:1px solid #c3d6fb!important} .v368BoardRow .gain.gain1{color:#c23a51!important}.v368BoardRow .gain.gain2{color:#315fba!important} /* compact action row */ .v366Actions>button{min-height:36px!important;padding:4px 8px!important;border-radius:12px!important}.v366Actions .icon{width:23px!important;height:23px!important;font-size:14px!important}.v366Actions b{font-size:9.3px!important}.v366Actions small{font-size:7.2px!important} /* My LIVE: shorten top metric row and enlarge score-type numbers */ .v365MyCard .v362MyHead{min-height:35px!important}.v365MyCard .v362MyMain{grid-template-columns:1fr 1fr 1fr!important;padding:4px 7px!important}.v365MyCard .v362MyMain>div{min-height:48px!important}.v365MyCard .v362MyMain .player{padding-left:0!important;justify-items:center!important}.v365MyCard .v362MyMain .player strong{font-size:11px!important}.v365MyCard .v362MyMain .player b{font-size:23px!important}.v365MyCard .v362MyMain span{font-size:8.7px!important}.v365MyCard .v362MyMain b{font-size:17px!important} .v365MyCard .v362ScoreTypes>div{min-height:38px!important}.v365MyCard .v362ScoreTypes span{font-size:8px!important}.v365MyCard .v362ScoreTypes b{font-size:15px!important;margin-top:3px!important} /* Input header prizes: bigger numbers, lighter colors */ .v365InputHead{min-height:53px!important;padding-top:6px!important;padding-bottom:6px!important} .v365Pots>div{min-width:66px!important;min-height:36px!important;border-radius:10px!important;grid-template-columns:14px auto!important;grid-template-rows:auto auto!important;column-gap:4px!important;row-gap:0!important;padding:4px 7px!important} .v365Pots>div svg{grid-row:1/3;font-size:14px!important}.v365Pots span{font-size:8px!important;align-self:end}.v365Pots b{font-size:12px!important;line-height:1.05!important;align-self:start} .v365Pots .first{background:#ffd9df!important;color:#a7223a!important;border:1px solid #ffc0cc!important}.v365Pots .second{background:#dce8ff!important;color:#244f9d!important;border:1px solid #c5d7fb!important} /* input controls: shorter and balanced */ .v365FourInput{gap:5px!important;padding:8px 7px 7px!important}.v365FourInput .v362InputCol label{margin-bottom:5px!important} .v365FourInput .v362Stepper button,.v365FourInput .v362Stepper b,.v365FourInput .v362TeeBtns button{height:39px!important}.v365FourInput .v362Stepper b{line-height:39px!important;font-size:18px!important}.v365FourInput .v362Stepper button{font-size:18px!important}.v365FourInput .v362TeeBtns button{font-size:9.8px!important} .v365CurrentHoleInfo{min-height:38px!important;padding-top:4px!important;padding-bottom:4px!important}.v365SaveNav{padding-bottom:8px!important}.v365SaveNav button{min-height:46px!important} /* slightly shorter top pieces so scroll is minimized */ .v366Banner{min-height:92px!important}.v366BannerText .course b{font-size:17px!important}.v366BoardCard{margin-top:6px!important}.v366Actions{padding-top:5px!important}.v365MyCard.v362MyCard,.v365InputCard{margin-top:6px!important} @media(max-width:400px){ .v368Brand{padding-bottom:11px}.v368Tab{min-width:72px;height:46px;padding:0 12px;font-size:9.5px}.v368Tab.active{min-width:106px} .v368BoardRow{grid-template-columns:34px 44px minmax(52px,1fr) 37px 45px 50px!important}.v368BoardRow>strong{font-size:10.2px!important} .v365Pots>div{min-width:59px!important;padding-left:5px!important;padding-right:5px!important}.v365Pots b{font-size:11px!important} .v365FourInput .v362Stepper button,.v365FourInput .v362Stepper b,.v365FourInput .v362TeeBtns button{height:37px!important}.v365FourInput .v362Stepper b{line-height:37px!important} } /* ========================================================= v3.69 compact elegant live refinement ========================================================= */ @media (max-width:900px){ .v368Header{display:none!important} .v369Header{display:block!important;background:#08152c;color:#fff;padding:8px 10px 8px} .v369Brand{display:flex;align-items:center;gap:10px;padding:2px 2px 8px} .v369BrandMark{width:40px;height:40px;border-radius:13px;background:#fff;color:#101828;display:grid;place-items:center;font-size:19px;font-weight:1000;box-shadow:0 2px 8px rgba(0,0,0,.16)} .v369BrandText b{display:block;font-size:14px;line-height:1.05;font-weight:1000;color:#fff;letter-spacing:-.2px} .v369BrandText span{display:block;margin-top:2px;font-size:9px;font-weight:700;color:#9aa5b5;line-height:1.1} .v369Tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:2px 0 0;-webkit-overflow-scrolling:touch;scrollbar-width:none} .v369Tabs::-webkit-scrollbar{display:none} .v369Tab{flex:0 0 auto;min-width:68px;height:40px;padding:0 8px;border:0;border-radius:14px;background:transparent;color:#b6c0d0;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px} .v369Tab.active{min-width:104px;height:48px;background:#fff;color:#101828;box-shadow:0 6px 16px rgba(0,0,0,.16)} .v369Tab em{font-style:normal;font-size:18px;line-height:1;color:#253043;margin-left:auto} .v365Header,.v366Header,.v367Header,.v368Header,.v363TopNav,.v364TopTabs,.v366TopTabs{display:none!important} .v369Live .v369Banner{margin:0!important;width:100%!important;min-height:78px!important;border-radius:0!important;box-shadow:none!important;background-position:center center!important} .v369BannerOverlay{background:linear-gradient(90deg,rgba(11,20,36,.28),rgba(11,20,36,.08) 55%,rgba(11,20,36,.18))!important} .v369BannerTopRight{top:8px!important;right:10px!important;gap:8px!important} .v369LivePill{min-height:34px!important;padding:0 11px!important;border-radius:13px!important;background:rgba(18,117,87,.82)!important;border:1px solid rgba(113,227,184,.42)!important} .v369LivePill b{font-size:11px!important} .v369GearBtn{width:36px!important;height:36px!important;border-radius:12px!important;background:rgba(28,40,58,.45)!important} .v369BannerText{left:16px!important;bottom:10px!important} .v369BannerText .course svg{font-size:20px!important}.v369BannerText .course b{font-size:16px!important} .v369BannerText>span{margin-top:2px!important;font-size:9px!important} .v369BoardCard{margin-top:5px!important} .v369BoardHead,.v369InputHead{background:linear-gradient(90deg,#117b6d 0%,#0f6a69 48%,#10586a 100%)!important} .v369BoardHead{min-height:46px!important;padding:5px 8px!important} .v369BoardTitle{gap:4px!important}.v369BoardTitle svg{font-size:15px!important}.v369BoardTitle b{font-size:13px!important}.v369BoardTitle strong{font-size:20px!important}.v369BoardTitle span{font-size:10px!important;color:rgba(255,255,255,.9)!important} .v369BoardHeadRight{gap:8px!important} .v369BoardCount{min-height:22px!important;padding:0 4px!important;background:transparent!important;border:0!important;color:rgba(255,255,255,.68)!important;font-size:7.6px!important;font-weight:800!important} .v369BoardCount em{font-size:10px!important;color:#d5e9e0!important} .v369BoardNav button{width:34px!important;height:34px!important;border-radius:11px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.48)!important;box-shadow:0 2px 8px rgba(0,0,0,.14);font-size:21px!important} .v369BoardTable{padding:0 6px 5px!important} .v369BoardRow{grid-template-columns:48px 44px minmax(56px,1fr) 42px 46px 54px!important;min-height:36px!important;gap:2px!important} .v369BoardRow.head{min-height:24px!important;font-size:8px!important} .v369BoardRow>strong{font-size:11px!important;justify-self:start!important;text-align:left!important} .v369BoardRow .score{font-size:16px!important;font-weight:1000!important;color:#111827!important} .v369BoardRow .gain{font-size:12px!important;font-weight:1000!important}.v369BoardRow .gain.carry{color:#354052!important}.v369BoardRow .gain.gain1{color:#c53049!important}.v369BoardRow .gain.gain2{color:#2a5ab5!important} .v369BoardRow .tee{min-width:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;color:#111827!important;font-size:11px!important;font-weight:900!important} .v369InputState i{display:grid;place-items:center;min-width:34px;height:24px;padding:0 7px;border-radius:999px;font-style:normal;font-size:9px;font-weight:1000;letter-spacing:-.15px} .v369InputState.done i{background:#1fa66f!important;color:#fff!important} .v369InputState.wait i{width:26px!important;min-width:26px!important;height:26px!important;padding:0!important;border-radius:50%!important;background:#edf1f5!important;color:#5d6878!important;font-size:11px!important} .v369RankBadge.r1{background:#ffe3e8!important;color:#bf2742!important;border:1px solid #ffcbd4!important} .v369RankBadge.r2{background:#e2ecff!important;color:#2859b7!important;border:1px solid #cddcfb!important} .v369InputCard{margin-top:5px!important} .v369InputHead{min-height:46px!important;padding:5px 8px!important;grid-template-columns:72px minmax(90px,1fr) auto!important;border-radius:16px 16px 0 0!important} .v369PrevTag{min-height:36px!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(147,232,203,.45)!important;font-size:15px!important} .v369PrevTag b{font-size:10px!important} .v369HoleTitle{gap:6px!important}.v369HoleTitle svg{font-size:18px!important}.v369HoleTitle b{font-size:20px!important}.v369HoleTitle span{font-size:11px!important} .v369Pots>div{min-width:66px!important;min-height:40px!important;padding:4px 6px!important;border-radius:12px!important;grid-template-columns:14px auto!important;column-gap:4px!important;row-gap:0!important} .v369Pots>div svg{grid-row:1/3;font-size:14px!important}.v369Pots span{font-size:7.5px!important}.v369Pots b{font-size:13px!important} .v369Pots .first{background:#ffe4eb!important;border:1px solid #ffd0da!important;color:#af2940!important}.v369Pots .second{background:#e4edff!important;border:1px solid #d2e0ff!important;color:#2d57ae!important} .v369FourInput .v362TeeBtns{gap:6px!important}.v369FourInput .v362TeeBtns button{font-size:10px!important} .v369CurrentHoleInfo b{font-size:14px!important} .v369SaveOnly .v369SaveIcon{font-size:18px;line-height:1;display:inline-block;margin-right:6px;opacity:.9} } /* ========================================================= v3.70 final polish ========================================================= */ @media(max-width:900px){ .v369Header{display:none!important} .v370Header{display:block!important;background:#08152c;padding:7px 9px 7px;color:#fff} .v370Brand{display:flex;align-items:center;gap:9px;padding:1px 1px 6px} .v370BrandMark{width:36px;height:36px;border-radius:12px;background:#fff;color:#101828;display:grid;place-items:center;font-size:17px;font-weight:1000} .v370BrandText b{display:block;color:#fff;font-size:13.5px;line-height:1.05;font-weight:1000;letter-spacing:-.2px} .v370BrandText span{display:block;margin-top:2px;color:#9aa5b5;font-size:8.6px;line-height:1.05;font-weight:700} .v370Tabs{display:flex;align-items:center;gap:3px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:1px 0 0;scrollbar-width:none;-webkit-overflow-scrolling:touch} .v370Tabs::-webkit-scrollbar{display:none} .v370Tab{flex:0 0 auto;min-width:48px;height:34px;padding:0 7px;border:0;border-radius:11px;background:transparent;color:#b5bfd0;font-size:8.6px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:4px;text-align:center} .v370Tab span{width:100%;text-align:center} .v370Tab.active{min-width:78px;height:40px;background:#fff;color:#111827;box-shadow:0 5px 13px rgba(0,0,0,.14)} .v370Tab em{font-style:normal;font-size:15px;line-height:1;margin-left:1px;color:#273344} .v365Header,.v366Header,.v367Header,.v368Header,.v369Header,.v363TopNav,.v364TopTabs,.v366TopTabs{display:none!important} .v370Banner{min-height:72px!important} .v370BannerTopRight{top:7px!important;right:10px!important} .v370LivePill{min-height:30px!important;padding:0 10px!important;border-radius:12px!important} .v370LivePill b{font-size:10.5px!important} .v370GearBtn{width:34px!important;height:34px!important} .v370BannerText{bottom:8px!important}.v370BannerText .course b{font-size:15px!important}.v370BannerText>span{font-size:8.7px!important} .v370BoardRow>strong{justify-self:center!important;text-align:center!important} .v370InputState.done i{width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;border-radius:50%!important;background:transparent!important} .v370DoneIcon{width:28px;height:28px;color:#1ba870;display:block} .v370InputState.wait i{width:28px!important;min-width:28px!important;height:28px!important} .v370InputCard{overflow:hidden!important} .v370InputHead{width:100%!important;margin:0!important;border-radius:14px 14px 0 0!important;box-sizing:border-box!important;background:linear-gradient(90deg,#117b6d 0%,#0f6a69 48%,#10586a 100%)!important} .v370Pots .first{background:#ffe4eb!important;color:#af2940!important}.v370Pots .second{background:#e4edff!important;color:#2d57ae!important} .v370SaveOnly,.v370NextOnly{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important} .v370Icon{width:19px;height:19px;flex:0 0 19px} .v370SaveOnly .v370Icon{color:#fff}.v370NextOnly .v370Icon{color:currentColor} } .v370BottomSheet{width:min(720px,100%)!important;max-width:720px!important;max-height:86vh!important;align-self:end!important;border-radius:22px 22px 0 0!important;padding:12px 16px 20px!important;overflow:auto!important} .modalBackdrop:has(.v370BottomSheet){align-items:end!important;padding:0!important} .v370SheetHandle{width:42px;height:4px;border-radius:99px;background:#d6dde5;margin:0 auto 12px} .v370SheetHead{align-items:flex-start}.v370SheetHead h2{margin-bottom:14px!important} .v370Settlement{margin:0 2px!important} .v370Settlement .v349SetHead,.v370Settlement .v349SetRow{padding-left:14px!important;padding-right:14px!important} .v370Settlement .v349SetRow strong{font-size:15px!important}.v370Settlement .v349SetRow span{font-size:16px!important} .v370Rank{margin:0 2px!important;border-radius:14px!important} .v370Rank .v351RankHead,.v370Rank .v351RankRow{grid-template-columns:.52fr 1.08fr .75fr .78fr .86fr .72fr .75fr!important;padding-left:7px!important;padding-right:7px!important} .v370Rank .v351RankHead{font-size:9.5px!important;padding-top:10px!important;padding-bottom:10px!important} .v370Rank .v351RankRow{font-size:12.5px!important;padding-top:13px!important;padding-bottom:13px!important} .v370Rank .v351RankRow strong{text-align:center!important;font-size:13px!important} .v370Rank .v351RankRow b{font-size:13px!important} .v370Rank .net{font-size:15px!important;font-weight:1000!important;color:#0f5f55!important} .v370Rank .v351RankHead .net{font-size:10px!important;color:#315b58!important} /* ========================================================= v3.71 navigation readability + LIVE home + sheet safety ========================================================= */ @media(max-width:900px){ .v370Tab{font-size:9.5px!important;line-height:1!important} .v370Tab span{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important} .v370Tab.active{font-size:9.7px!important} .v371LiveHome{margin-top:8px!important} .v371LiveIntro{display:flex;justify-content:center;align-items:center;margin:7px 0 17px} .v371LiveStart{width:176px!important;max-width:48vw;min-height:40px;padding:9px 16px!important;border-radius:12px!important;font-size:11px!important;font-weight:900!important;box-shadow:0 4px 12px rgba(15,23,42,.10)} } .v371BottomSheet{width:min(720px,100%)!important;max-width:720px!important;max-height:86vh!important;align-self:end!important;border-radius:22px 22px 0 0!important;padding:12px 16px 20px!important;overflow:auto!important} .modalBackdrop:has(.v371BottomSheet){align-items:end!important;padding:0!important} /* ========================================================= v3.77 LIVE polish — visual-only; keep v3.76 stable flow ========================================================= */ @media (max-width:900px){ /* MY PLAY: stronger identity and better name/score balance */ .v365MyCard .v362MyHead b{font-size:12.5px!important;letter-spacing:.15px!important} .v365MyCard .v362MyMain{grid-template-columns:1.16fr .92fr .92fr!important} .v365MyCard .v362MyMain .player{justify-items:start!important;padding-left:10px!important} .v365MyCard .v362MyMain .player strong{font-size:14px!important;font-weight:950!important;line-height:1.05!important;color:#172033!important} .v365MyCard .v362MyMain .player b{font-size:25px!important;line-height:1!important;margin-top:3px!important;color:#e63946!important} /* Previous-hole control: compact, leaving more room for current hole */ .v369InputHead,.v370InputHead{grid-template-columns:54px minmax(98px,1fr) auto!important} .v369PrevTag{width:52px!important;min-width:52px!important;max-width:52px!important;padding:0 5px!important;gap:3px!important;font-size:14px!important} .v369PrevTag b{font-size:9.5px!important} /* Current-hole line: score is primary, GIR is deliberately secondary */ .v377CurrentHoleInfo{grid-template-columns:auto minmax(0,1fr) auto!important;min-height:42px!important;padding:5px 10px!important;background:#fafcfd!important} .v377CurrentLabel{font-size:11.5px!important;font-weight:950!important;color:#263244!important;letter-spacing:-.15px!important} .v377CurrentResult{display:flex;align-items:baseline;gap:7px;min-width:0} .v377CurrentResult b{font-size:20px!important;line-height:1!important;font-weight:1000!important;color:#0b665d!important} .v377CurrentResult small{font-size:9px!important;font-weight:750!important;color:#8a96a6!important} /* Input card corners: let the outer card clip the header exactly to its border */ .v369InputCard,.v370InputCard{overflow:hidden!important;border-radius:13px!important} .v369InputHead,.v370InputHead{border-radius:0!important;margin:0!important;width:100%!important;box-sizing:border-box!important} /* Carry-over should read as secondary information */ .v369BoardRow .gain.carry,.v370BoardRow .gain.carry{color:#8a929d!important;font-weight:500!important} /* Banner status: DB connection dot replaces decorative LIVE dot */ .v377LivePill{position:relative!important;gap:7px!important} .v377LivePill .v377DbDot{position:static!important;display:block!important;width:9px!important;height:9px!important;border:1.5px solid rgba(255,255,255,.92)!important;box-shadow:0 0 0 2px rgba(255,255,255,.08)!important;flex:0 0 9px!important} .v377GearBtn .v362DbDot{display:none!important} .v377GearBtn::after{display:none!important;content:none!important} /* Banner left information: easier to read outdoors */ .v377BannerText{left:14px!important;bottom:9px!important;text-shadow:0 1px 4px rgba(0,0,0,.55)!important} .v377BannerText .course{gap:6px!important} .v377BannerText .course svg{font-size:21px!important} .v377BannerText .course b{font-size:18px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.25px!important} .v377BannerText>span{font-size:10.5px!important;line-height:1.1!important;font-weight:850!important;color:#fff!important;margin-top:4px!important} } @media (max-width:390px){ .v369InputHead,.v370InputHead{grid-template-columns:50px minmax(90px,1fr) auto!important} .v369PrevTag{width:48px!important;min-width:48px!important;max-width:48px!important} .v377BannerText .course b{font-size:17px!important} .v377BannerText>span{font-size:10px!important} } /* ========================================================= v3.78 compact result sheet ========================================================= */ .v378Finish{max-width:820px!important;margin:0 auto!important;padding-bottom:10px!important} .v378Top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:4px 0 8px;padding:0 2px} .v378Top>div{text-align:center;min-width:0}.v378Top>div b{display:block;font-size:17px;color:#111827;font-weight:1000;line-height:1.1}.v378Top>div span{display:block;margin-top:3px;font-size:11px;color:#7a8697;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .v378Back{height:38px;padding:0 12px;border:1px solid #d7dee7;border-radius:12px;background:#fff;color:#334155;font-size:12px;font-weight:900} .v378Complete{padding:8px 11px;border:1px solid #98e5c5;border-radius:999px;background:#edfff7;color:#168660;font-size:10px;font-weight:900;white-space:nowrap} .v378ResultCard{border:1px solid #d9e3ed;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(31,45,61,.05)} .v378Hero{display:grid;grid-template-columns:1.05fr 1.25fr;gap:14px;padding:14px 14px 10px} .v378ScoreSide{display:flex;flex-direction:column;justify-content:center;min-width:0;border-right:1px solid #edf1f5;padding-right:12px} .v378PlayerName{font-size:22px;font-weight:1000;color:#111827;line-height:1.05} .v378Score{display:flex;align-items:flex-end;gap:8px;margin-top:6px;line-height:.95}.v378Score strong{font-size:47px;letter-spacing:-2px;color:#111827}.v378Score em{font-style:normal;font-size:28px;font-weight:1000;color:#245fc9;padding-bottom:4px} .v378Net{margin-top:8px;font-size:12px;font-weight:800;color:#667085}.v378Net b{font-size:14px;color:#253247} .v378Ranks{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:5px;color:#3f5f93}.v378Ranks strong{font-size:11.5px;font-weight:1000}.v378Ranks i{font-style:normal;color:#aab4c0} .v378RoundSide{display:flex;flex-direction:column;gap:7px;justify-content:center}.v378Nine{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v378Nine>span,.v378ScoreTypes>span{display:grid;place-items:center;background:#f3f7fd;border-radius:12px;min-height:52px}.v378Nine small,.v378ScoreTypes small{font-size:9px;color:#607087;font-weight:850}.v378Nine b{font-size:24px;color:#111827;line-height:1.05}.v378ScoreTypes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.v378ScoreTypes>span{min-height:48px;border-radius:10px}.v378ScoreTypes b{font-size:16px;color:#111827;line-height:1.1} .v378Metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;padding:8px 10px;gap:4px}.v378Metrics>div{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.v378MetricIcon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f5f8fc;color:#3e6f9c;flex:0 0 auto}.v378MetricIcon svg{width:16px;height:16px}.v378Metrics>div>span:last-child{display:grid;line-height:1.05;color:#68778a;font-size:9px;font-weight:850}.v378Metrics b{margin-top:3px;font-size:15px;color:#111827;font-weight:1000} .v378Settlement{margin:8px 10px 0;border:1px solid #e2e7ee;border-radius:15px;overflow:hidden;background:#fff}.v378SettlementHead{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:#fff8f0;border-bottom:1px solid #f3eadf}.v378SectionTitle{display:flex;align-items:center;gap:8px;min-width:0}.v378SectionTitle>b{font-size:15px;color:#1b2738}.v378SectionTitle>span:last-child{display:grid}.v378SectionTitle>span:last-child b{font-size:14px;color:#1b2738}.v378SectionTitle>span:last-child small{font-size:8px;color:#7b899b;margin-top:2px}.v378Icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center}.v378Icon svg{width:16px;height:16px}.v378Icon.amber{background:#fff0dd;color:#e68a00}.v378Icon.blue{background:#edf4ff;color:#2d6cdf} .v378SettlementHead>strong{font-size:17px;font-weight:1000}.v378Settlement .loss,.v378SettlementHead .loss{color:#b84d1c!important}.v378Settlement .gain,.v378SettlementHead .gain{color:#16845f!important}.v378Settlement .neutral,.v378SettlementHead .neutral{color:#475467!important}.v378Settlement .spend{color:#c93428!important} .v378PnLGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px}.v378PnLCard{border:1px solid #e3e8ef;border-radius:12px;padding:8px;background:#fff;min-width:0}.v378PnLTop{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-bottom:7px;border-bottom:1px solid #edf1f5}.v378PnLTop>b{font-size:12px;color:#1f2d40}.v378PnLTop>strong{font-size:12px;white-space:nowrap}.v378PnLRows{padding:6px 1px 4px}.v378PnLRows>div{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:23px;font-size:10px}.v378PnLRows span{color:#708095;font-weight:800}.v378PnLRows b{color:#263446;font-size:10.5px;white-space:nowrap}.v378PnLRows small{font-size:8px;color:#99a4b1}.v378Ref{display:block;text-align:right;margin-top:-2px}.v378PnLTotal{display:flex;justify-content:space-between;border-top:1px solid #edf1f5;padding-top:6px;font-size:11px}.v378PnLTotal span{font-weight:900;color:#263446}.v378PnLTotal b{font-size:12px} .v378Spend{margin:0 8px 8px;border:1px solid #e2e7ee;border-radius:13px;overflow:hidden}.v378Spend summary{list-style:none;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;background:#fbfcfe}.v378Spend summary::-webkit-details-marker{display:none}.v378Spend summary>strong{font-size:18px;font-weight:1000}.v378Spend summary>em{font-style:normal;color:#758399;font-size:15px}.v378SpendBody{padding:4px 10px 8px}.v378GkcRow,.v378SpendLine,.v378SpendTotal{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}.v378GkcRow>span{display:grid}.v378GkcRow>span b{font-size:11px;color:#263446}.v378GkcRow>span small{font-size:8px;color:#8a97a8}.v378GkcRow>b{font-size:12px;color:#263446}.v378CostBreak{padding:2px 8px 4px;border-bottom:1px solid #edf1f5}.v378CostBreak>div{display:flex;align-items:center;justify-content:space-between;min-height:24px;font-size:9.5px}.v378CostBreak span{display:flex;align-items:center;gap:6px;color:#718096;font-weight:800}.v378CostBreak svg{width:13px;height:13px;color:#6480a7}.v378CostBreak b{font-size:10px;color:#29384b}.v378SpendLine{font-size:10.5px;border-bottom:1px solid #f1f3f5}.v378SpendLine span{color:#637186;font-weight:850}.v378SpendLine b{font-size:11px}.v378SpendTotal{margin-top:3px;padding-top:4px;border-top:1px solid #dfe5ec}.v378SpendTotal span{font-size:11.5px;font-weight:1000;color:#1d2a3b}.v378SpendTotal b{font-size:17px;color:#c93428}.v378Missing{font-size:9px;color:#8793a3;padding:8px 0} .v378Memo{margin:8px 10px 10px}.v378MemoTitle{display:flex;align-items:center;gap:7px;margin-bottom:5px}.v378MemoTitle>b{font-size:13px;color:#1f2d40}.v378Memo textarea{width:100%;min-height:50px;max-height:70px;resize:vertical;border:1px solid #dce3eb;border-radius:12px;padding:9px 11px;font:inherit;font-size:11px;color:#253247;background:#fff}.v378Memo p{margin:0;padding:8px 10px;border:1px solid #e4e9ef;border-radius:10px;font-size:10px;color:#475467}.v378Memo p.empty{color:#98a2b3} .v378Actions{margin-top:8px!important;display:grid!important;grid-template-columns:1fr 1.25fr 1fr!important;gap:7px!important}.v378Actions button{min-height:44px!important;border-radius:12px!important;font-size:11px!important;font-weight:900!important}.v378ManagerState{margin:7px 0 0!important;font-size:10px!important;padding:7px 10px!important;border-radius:10px!important} .v378PlayerTabs{margin:0 0 7px!important;display:flex!important;gap:5px!important}.v378PlayerTabs button{min-height:32px!important;padding:0 11px!important;border-radius:10px!important;font-size:9.5px!important} @media(max-width:520px){ .v378Finish{padding-left:7px!important;padding-right:7px!important} .v378Top{gap:6px;margin-top:2px;margin-bottom:6px}.v378Back{height:34px;padding:0 9px;font-size:10px}.v378Top>div b{font-size:15px}.v378Top>div span{font-size:9px}.v378Complete{padding:6px 8px;font-size:8.5px} .v378ResultCard{border-radius:15px} .v378Hero{grid-template-columns:1fr 1.12fr;gap:8px;padding:10px 9px 7px}.v378ScoreSide{padding-right:7px}.v378PlayerName{font-size:18px}.v378Score{gap:5px;margin-top:4px}.v378Score strong{font-size:37px;letter-spacing:-1.5px}.v378Score em{font-size:22px;padding-bottom:3px}.v378Net{font-size:9.5px;margin-top:6px}.v378Net b{font-size:11.5px}.v378Ranks{gap:3px;margin-top:4px}.v378Ranks strong{font-size:9px}.v378Nine{gap:5px}.v378Nine>span{min-height:42px;border-radius:9px}.v378Nine b{font-size:19px}.v378ScoreTypes{gap:3px}.v378ScoreTypes>span{min-height:40px;border-radius:8px}.v378ScoreTypes small,.v378Nine small{font-size:7.5px}.v378ScoreTypes b{font-size:13px} .v378Metrics{padding:6px 5px;gap:1px}.v378Metrics>div{gap:3px}.v378MetricIcon{width:23px;height:23px}.v378MetricIcon svg{width:13px;height:13px}.v378Metrics>div>span:last-child{font-size:7.5px}.v378Metrics b{font-size:12px;margin-top:2px} .v378Settlement{margin:6px 7px 0;border-radius:12px}.v378SettlementHead{padding:7px 8px}.v378SectionTitle{gap:6px}.v378SectionTitle>b{font-size:13px}.v378Icon{width:24px;height:24px}.v378Icon svg{width:14px;height:14px}.v378SettlementHead>strong{font-size:14px} .v378PnLGrid{gap:5px;padding:6px}.v378PnLCard{padding:6px;border-radius:10px}.v378PnLTop{padding-bottom:5px}.v378PnLTop>b,.v378PnLTop>strong{font-size:9.5px}.v378PnLRows{padding-top:4px}.v378PnLRows>div{min-height:19px;font-size:8.5px}.v378PnLRows b{font-size:8.8px}.v378PnLRows small,.v378Ref{font-size:6.8px}.v378PnLTotal{padding-top:4px;font-size:9px}.v378PnLTotal b{font-size:9.5px} .v378Spend{margin:0 6px 6px}.v378Spend summary{padding:6px 8px;gap:5px}.v378SectionTitle>span:last-child b{font-size:11px}.v378SectionTitle>span:last-child small{font-size:6.8px}.v378Spend summary>strong{font-size:15px}.v378SpendBody{padding:2px 8px 6px}.v378GkcRow,.v378SpendLine,.v378SpendTotal{min-height:23px}.v378GkcRow>span b,.v378SpendTotal span{font-size:9.5px}.v378GkcRow>span small{font-size:6.8px}.v378GkcRow>b{font-size:10px}.v378CostBreak{padding-left:5px;padding-right:5px}.v378CostBreak>div{min-height:20px;font-size:8px}.v378CostBreak b{font-size:8.5px}.v378SpendLine{font-size:8.8px}.v378SpendLine b{font-size:9px}.v378SpendTotal b{font-size:14px} .v378Memo{margin:6px 7px 7px}.v378MemoTitle{margin-bottom:4px}.v378MemoTitle>b{font-size:11px}.v378Memo textarea{min-height:42px;max-height:56px;padding:7px 9px;font-size:9.5px;border-radius:10px} .v378Actions{margin-top:6px!important;gap:5px!important}.v378Actions button{min-height:40px!important;font-size:9.5px!important} } /* v3.79 result polish: compact, persistent spend state, 5 score types */ .v378Score{gap:14px!important} .v378Ranks{gap:6px!important;margin-top:7px!important} .v378Ranks strong{font-size:12px!important;padding:3px 6px;border-radius:7px;background:#eef4fb;color:#355c92!important;letter-spacing:-.1px} .v378Settlement .loss,.v378SettlementHead .loss{color:#a64d2b!important} .v378Settlement .gain,.v378SettlementHead .gain{color:#2f7a62!important} .v378PnLGrid{padding:10px!important;gap:8px!important} .v378PnLCard{padding:10px!important} .v378PnLTop>b,.v378PnLTop>strong{font-size:12.5px!important} .v378PnLRows>div{min-height:25px!important} .v378PnLRows span{font-size:10.5px!important}.v378PnLRows b{font-size:11px!important} .v378PnLTotal{padding-top:7px!important}.v378PnLTotal span,.v378PnLTotal b{font-size:12px!important} .v378ScoreTypes{grid-template-columns:repeat(5,1fr)!important} .v378ScoreTypes>span{min-width:0!important} .v378ScoreTypes small{white-space:nowrap!important;letter-spacing:-.25px} .v378Spend:not([open]) .v378SpendBody{display:none!important} .v378Spend summary>em{transition:transform .18s ease} .v378Spend[open] summary>em{transform:rotate(180deg)} .v378MemoTitle .v378Icon svg{width:15px!important;height:15px!important} .v378Actions button{min-height:41px!important} @media (max-width:900px){ .v378Score{gap:10px!important} .v378Score em{font-size:22px!important;padding-bottom:3px!important} .v378Ranks{gap:4px!important;margin-top:5px!important} .v378Ranks strong{font-size:9.6px!important;padding:2px 4px!important;border-radius:6px} .v378ScoreTypes{gap:2px!important} .v378ScoreTypes>span{min-height:40px!important;padding:0 1px!important} .v378ScoreTypes small{font-size:6.7px!important} .v378ScoreTypes b{font-size:12.5px!important} .v378PnLGrid{padding:7px!important;gap:6px!important} .v378PnLCard{padding:7px!important} .v378PnLTop>b,.v378PnLTop>strong{font-size:10px!important} .v378PnLRows>div{min-height:21px!important} .v378PnLRows span{font-size:8.8px!important}.v378PnLRows b{font-size:9.1px!important} .v378PnLTotal span,.v378PnLTotal b{font-size:9.8px!important} .v378Actions button{min-height:38px!important} } .v365BoardTitle b{letter-spacing:-.2px} .v365BoardHeadRight{gap:10px} .v365BoardCount{justify-content:center;min-width:84px;padding:0 12px;font-size:10.5px;letter-spacing:-.15px} .v365BoardCount em{display:inline-block;min-width:10px;text-align:center;margin-right:1px} .v370NextOnly{padding-left:12px!important;padding-right:12px!important} .v370NextOnly span{display:flex;align-items:center;justify-content:center;width:100%} /* ========================================================= v3.81 result + LIVE final polish ========================================================= */ .v378Finish{max-width:none!important;width:100%!important;padding-left:2px!important;padding-right:2px!important} .v378ResultCard{margin-left:0!important;margin-right:0!important} .v378PlayerTabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;padding:0 1px!important} .v378PlayerTabs button{width:100%!important;min-width:0!important;justify-content:center!important;text-align:center!important;padding:0 4px!important} .v378Ranks{flex-wrap:nowrap!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;width:100%!important} .v378Ranks i{display:none!important} .v378Ranks strong{display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;text-align:center!important} .v381ScoreArrow{font-style:normal;font-size:11px;font-weight:1000;line-height:1;vertical-align:0} .v381ScoreArrow.down{color:#3b82f6}.v381ScoreArrow.up{color:#b45a4a} .v381Metrics{grid-template-columns:repeat(2,1fr)!important;gap:0!important;padding:0!important} .v381Metrics>div{min-height:44px!important;justify-content:flex-start!important;padding:6px 12px!important;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5} .v381Metrics>div:nth-child(2n){border-right:0}.v381Metrics>div:nth-last-child(-n+2){border-bottom:0} .v381Metrics .v378MetricIcon{width:27px!important;height:27px!important}.v381Metrics>div>span:last-child{font-size:9px!important}.v381Metrics b{font-size:15px!important} .v378SettlementWrap{margin:7px 7px 0!important} .v381Settlement{margin:0!important;border:1px solid #e2e7ee!important;border-radius:13px!important;overflow:hidden;background:#fff} .v381Settlement>summary{list-style:none;cursor:pointer;display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center;gap:7px;padding:8px 10px!important;background:#fff8f0;border:0!important} .v381Settlement>summary::-webkit-details-marker{display:none} .v381Settlement>summary>em{font-style:normal;color:#758399;font-size:15px;transition:transform .18s ease} .v381Settlement[open]>summary{border-bottom:1px solid #f3eadf!important} .v381Settlement[open]>summary>em{transform:rotate(180deg)} .v381PnLGrid{padding:8px!important;gap:8px!important} .v381PnLCard{padding:9px!important} .v381Settlement:not([open]) .v381PnLGrid{display:none!important} .v378Spend{margin:7px 0 0!important} .v378PnLTotal{display:none!important} .v365BoardTitle{gap:6px!important} .v365BoardTitle b{font-size:14px!important;white-space:nowrap} .v365BoardHeadRight{gap:7px!important} .v365BoardCount{min-width:74px!important;padding:0 7px!important;font-size:9.5px!important;white-space:nowrap} .v365BoardCount em{font-size:11px!important;color:#e7f4ef!important} @media (max-width:520px){ .v378Finish{padding-left:0!important;padding-right:0!important} .v378Top{padding-left:6px!important;padding-right:6px!important} .v378PlayerTabs{padding-left:6px!important;padding-right:6px!important;gap:4px!important} .v378ResultCard{border-radius:13px!important} .v378Hero{padding-left:8px!important;padding-right:8px!important} .v378Ranks strong{font-size:9px!important;padding:3px 2px!important} .v378ScoreTypes small{font-size:6.5px!important} .v381ScoreArrow{font-size:10px!important} .v381Metrics>div{min-height:40px!important;padding:5px 9px!important} .v381Metrics .v378MetricIcon{width:24px!important;height:24px!important} .v381Metrics b{font-size:13px!important} .v378SettlementWrap{margin-left:6px!important;margin-right:6px!important} .v381PnLGrid{padding:6px!important;gap:6px!important} .v381PnLCard{padding:7px!important} } /* v3.82 result layout refinements */ .v378Completed{padding-left:0!important;padding-right:0!important} .v378Completed .v378Top{padding-left:4px!important;padding-right:4px!important} .v378Completed .v378PlayerTabs{padding-left:4px!important;padding-right:4px!important;gap:5px!important} .v378Completed .v378ResultCard{margin:0!important;border-radius:14px!important} .v378Completed .v378Hero{grid-template-columns:.95fr 1.05fr!important;gap:7px!important;padding:10px 8px 8px!important} .v378Completed .v378Score{gap:10px!important} .v378Completed .v378Score strong{letter-spacing:-1.4px!important} .v378Completed .v378Score em{margin-left:2px!important;flex:0 0 auto!important} .v378Completed .v378Net{margin-top:7px!important} .v378Completed .v378Ranks{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin-top:6px!important;width:100%!important} .v378Completed .v378Ranks strong{display:flex!important;align-items:center!important;justify-content:center!important;min-height:26px!important;padding:0 6px!important;border-radius:8px!important;background:#eef4fb!important;color:#355c92!important;font-size:10px!important;font-weight:950!important;white-space:nowrap!important;letter-spacing:-.2px!important} .v378Completed .v378RoundSide{gap:6px!important} .v378Completed .v378Nine{gap:5px!important} .v378Completed .v378Nine>span{min-height:42px!important} .v378Completed .v378ScoreTypes{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important} .v378Completed .v378ScoreTypes>span{min-height:42px!important;padding:0 1px!important} .v378Completed .v378ScoreTypes small{display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:8px!important;letter-spacing:-.25px!important;line-height:1.05!important} .v378Completed .v378ScoreTypes b{font-size:14px!important;margin-top:1px!important} .v378Completed .v381Metrics{grid-template-columns:repeat(2,1fr)!important;gap:0!important} .v378Completed .v381Metrics>div{min-height:46px!important;padding:7px 10px!important;justify-content:flex-start!important} .v378Completed .v381Metrics .v378MetricIcon{width:26px!important;height:26px!important} .v378Completed .v381Metrics>div>span:last-child{font-size:8.7px!important;line-height:1.05!important} .v378Completed .v381Metrics b{font-size:14px!important;margin-top:2px!important} .v378Completed .v378SettlementWrap{padding:0 6px 0!important} .v378Completed .v381Settlement{margin-top:8px!important} .v378Completed .v381Settlement>summary{padding:9px 10px!important} .v378Completed .v378Spend{margin-top:8px!important} .v378Completed .v378Memo{margin:8px 6px 0!important} .v378Completed .v378Actions{padding:0 4px!important} @media (max-width:520px){ .v378Completed .v378Hero{grid-template-columns:.94fr 1.06fr!important;gap:6px!important;padding:9px 7px 7px!important} .v378Completed .v378Score{gap:8px!important} .v378Completed .v378Score em{font-size:22px!important;margin-left:2px!important} .v378Completed .v378Net{font-size:9.4px!important} .v378Completed .v378Net b{font-size:11.4px!important} .v378Completed .v378Ranks strong{font-size:8.7px!important;padding:0 4px!important;min-height:24px!important} .v378Completed .v378Nine>span,.v378Completed .v378ScoreTypes>span{border-radius:9px!important} .v378Completed .v378ScoreTypes{gap:3px!important} .v378Completed .v378ScoreTypes small{font-size:7.2px!important;letter-spacing:-.2px!important} .v378Completed .v378ScoreTypes b{font-size:12.8px!important} .v378Completed .v381Metrics>div{min-height:43px!important;padding:6px 9px!important} .v378Completed .v381Metrics b{font-size:13.5px!important} } /* v3.85 LIVE board header balance */ .v365BoardHead{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;column-gap:8px!important} .v365BoardTitle{justify-self:start!important;min-width:0!important} .v385BoardCenter{justify-self:center;display:flex;align-items:baseline;gap:5px;white-space:nowrap;color:#fff} .v385BoardCenter strong{font-size:19px;font-weight:1000;line-height:1} .v385BoardCenter span{font-size:11px;font-weight:900;color:rgba(255,255,255,.92)} .v365BoardHeadRight{justify-self:end!important;min-width:0!important;gap:5px!important} .v365BoardCount{min-width:62px!important;padding:0 7px!important;font-size:9px!important} .v365BoardCount em{font-size:11px!important;margin-right:1px!important} @media (max-width:520px){ .v365BoardHead{grid-template-columns:minmax(74px,1fr) auto minmax(88px,1fr)!important;column-gap:5px!important;padding-left:8px!important;padding-right:8px!important} .v365BoardTitle{gap:4px!important} .v365BoardTitle b{font-size:13px!important} .v365BoardTitle svg{width:17px!important;height:17px!important} .v385BoardCenter{gap:3px!important} .v385BoardCenter strong{font-size:17px!important} .v385BoardCenter span{font-size:9px!important} .v365BoardCount{min-width:56px!important;padding:0 5px!important;font-size:8.5px!important} .v365BoardNav{gap:3px!important} .v365BoardNav button{width:26px!important;height:26px!important} } /* ========================================================= v3.90 LIVE redesign — scoped below the existing global header/tabs ========================================================= */ .v390Live{max-width:820px!important;margin:0 auto!important;padding:0 7px 12px!important;color:#0f172a} .v390Live .v390Banner{border-radius:18px!important;min-height:112px!important;margin:0 0 9px!important;overflow:hidden!important;box-shadow:0 8px 20px rgba(15,23,42,.08)!important;border:1px solid rgba(255,255,255,.55)!important;background-position:center 55%!important;background-size:cover!important} .v390BannerOverlay{background:linear-gradient(90deg,rgba(4,34,46,.58),rgba(5,55,63,.18) 55%,rgba(4,34,46,.12))!important} .v390BannerText{left:16px!important;bottom:14px!important}.v390BannerText .course{gap:7px!important}.v390BannerText .course b{font-size:23px!important;letter-spacing:-.7px!important}.v390BannerText>span{font-size:11px!important;font-weight:800!important;margin-top:4px!important} .v390BannerTools{position:absolute;right:10px;top:10px;display:flex;gap:7px;align-items:center;z-index:3} .v390WeatherChip{height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(3,38,54,.68);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:900;letter-spacing:-.2px;white-space:nowrap}.v390WeatherChip.has{background:rgba(6,112,108,.82)} .v390BannerTools .v365GearBtn{position:static!important;width:30px!important;height:30px!important;background:rgba(3,38,54,.66)!important;border-color:rgba(255,255,255,.5)!important} .v390BoardCard{border-radius:17px!important;overflow:hidden!important;border:1px solid #cfe3e5!important;box-shadow:0 5px 16px rgba(12,74,78,.06)!important;margin-bottom:9px!important;background:#fff!important} .v390BoardHead{background:linear-gradient(100deg,#0b746f,#0a5b70 70%,#0b4662)!important;padding:8px 10px!important;min-height:54px!important} .v390BoardHead .v365BoardTitle b{font-size:17px!important;letter-spacing:-.35px!important}.v390BoardHead .v365BoardTitle svg{width:20px!important;height:20px!important} .v390BoardCenter strong{font-size:21px!important}.v390BoardCenter span{font-size:10px!important} .v390BoardTable{padding:0 11px 6px!important}.v390BoardRow{grid-template-columns:42px 54px 1.25fr .72fr .75fr .65fr!important;min-height:43px!important;border-bottom:1px solid #e9eff2!important}.v390BoardRow:last-child{border-bottom:0!important} .v390BoardRow.head{min-height:31px!important;background:#f7fafc!important;margin:0 -11px!important;padding:0 11px!important}.v390BoardRow.head span{font-size:8.7px!important;color:#66778b!important;font-weight:900!important} .v390BoardRow>strong{font-size:13px!important}.v390BoardRow .score{font-size:15px!important;font-weight:1000!important}.v390BoardRow .gain{font-size:12px!important;font-weight:1000!important} .v390InputState{display:grid!important;place-items:center!important}.v390InputState i{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;border-radius:50%!important;font-style:normal!important;font-weight:1000!important}.v390InputState.done i{background:#0a9e7b!important;box-shadow:0 0 0 4px rgba(10,158,123,.12)!important}.v390InputState.done svg{width:23px!important;height:23px!important;color:#0a9e7b!important}.v390InputState.wait i{background:#eef2f6!important;color:#8996a8!important;font-size:13px!important} .v390TeeMark{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;margin:auto;font-size:20px;line-height:1;font-weight:1000;color:#0c7e72;background:#edf8f6}.v390TeeMark.ob,.v390TeeMark.hazard{color:#c84d54;background:#fff0f1} .v390BoardCard .v365RankBadge.r1{background:#ffe8ec!important;color:#c82f4b!important}.v390BoardCard .v365RankBadge.r2{background:#e7f0ff!important;color:#2c61ac!important} .v390BoardCard .v365BoardCount{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}.v390BoardCard .v365BoardCount em{color:#fff!important} .v390BoardCard .v365BoardNav button{border-color:rgba(255,255,255,.45)!important;background:rgba(255,255,255,.08)!important;color:#fff!important} .v390Live .v365Actions{margin:0 0 8px!important;gap:8px!important}.v390Live .v365Actions button{min-height:54px!important;border-radius:14px!important;border:1px solid #d8e3ea!important;box-shadow:none!important}.v390Live .v365Actions button:first-child{background:linear-gradient(135deg,#eef9f7,#f7fbfc)!important}.v390Live .v365Actions button:last-child{background:linear-gradient(135deg,#f2f7fd,#fbf9ff)!important}.v390Live .v365Actions .icon{width:31px!important;height:31px!important}.v390Live .v365Actions b{font-size:12px!important}.v390Live .v365Actions small{font-size:8px!important} .v390ProgressCard{background:#fff;border:1px solid #dfe8ee;border-radius:14px;padding:8px 10px 9px;margin-bottom:9px;box-shadow:0 4px 12px rgba(15,23,42,.03)} .v390ProgressHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.v390ProgressHead>div{display:flex;align-items:center;gap:6px}.v390ProgressHead svg{width:17px;height:17px;color:#087d73}.v390ProgressHead b{font-size:12.5px;letter-spacing:-.25px}.v390ProgressHead>strong{font-size:19px;color:#0b8a79}.v390ProgressHead>strong span{font-size:10px;color:#6f7e90;margin-left:2px} .v390ProgressGrid{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:3px}.v390ProgressGrid button{height:26px;min-width:0;padding:0;border:0;background:transparent;position:relative}.v390ProgressGrid button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;margin:auto;background:#edf1f5;color:#6c7a8d;font-size:8.5px;font-weight:900}.v390ProgressGrid button.done span{background:#0c9d79;color:#fff}.v390ProgressGrid button.current span{background:#fff;color:#087a70;border:2px solid #0c9d79;box-shadow:0 0 0 2px rgba(12,157,121,.10)}.v390ProgressGrid button.done i{position:absolute;right:1px;bottom:-2px;font-size:7px;color:#0b9b76;font-style:normal}.v390ProgressGrid button:disabled{opacity:1} .v390Divider{height:14px;margin:0 10px 2px;border-top:1px dashed #aebdc7;position:relative}.v390Divider:before,.v390Divider:after{content:"";position:absolute;top:-3px;width:5px;height:5px;border-radius:50%;background:#0a8c7d}.v390Divider:before{left:-1px}.v390Divider:after{right:-1px} .v390MyCard{background:#fff;border:1px solid #dce6ec;border-radius:16px;overflow:hidden;margin-bottom:9px;box-shadow:0 5px 14px rgba(15,23,42,.04)} .v390MyHead{display:flex;align-items:center;justify-content:space-between;padding:9px 12px 8px;border-bottom:1px solid #e9eef2}.v390MyHead>div{display:flex;align-items:center;gap:7px}.v390MyHead svg{width:18px;height:18px;color:#0a8c7d}.v390MyHead b{font-size:16px;letter-spacing:-.25px}.v390MyHead button{border:1px solid #dce5ea;background:#fff;border-radius:999px;height:28px;padding:0 9px;color:#506175;font-size:9px;font-weight:900}.v390MyHead button em{font-style:normal;color:#0b9a7b;margin-left:3px} .v390MyTop{display:grid;grid-template-columns:1.18fr repeat(5,1fr);align-items:stretch}.v390MyTop>div{min-width:0;border-right:1px solid #edf1f4;min-height:59px;display:flex;flex-direction:column;justify-content:center;align-items:center}.v390MyTop>div:last-child{border-right:0}.v390Identity{align-items:flex-start!important;padding-left:12px!important}.v390Identity strong{font-size:14px;line-height:1}.v390Identity>b{font-size:23px;line-height:1;color:#0c8c72;margin-top:8px}.v390Metric span{font-size:8px;color:#6b7889;font-weight:900;white-space:nowrap}.v390Metric b{font-size:14px;margin-top:4px;color:#111827}.v390ScoreTypes{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #edf1f4}.v390ScoreTypes>div{min-height:41px;display:grid;place-items:center;border-right:1px solid #edf1f4}.v390ScoreTypes>div:last-child{border-right:0}.v390ScoreTypes span{font-size:8px;color:#667589;font-weight:900}.v390ScoreTypes b{font-size:13px} .v390InputCard{border:2px solid #0b716f;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 7px 18px rgba(8,84,81,.08)} .v390InputHead{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:linear-gradient(100deg,#0a736e,#0b556b);padding:8px 10px;color:#fff}.v390Prev{height:34px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:10px;font-weight:900}.v390Prev:disabled{opacity:.4}.v390HoleTitle{display:flex;align-items:baseline;gap:5px;justify-self:start}.v390HoleTitle svg{width:18px;height:18px;align-self:center}.v390HoleTitle b{font-size:22px;line-height:1}.v390HoleTitle span{font-size:10px;font-weight:900}.v390Pots{display:flex;gap:5px}.v390Pots>span{width:72px;min-height:40px;border-radius:12px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;padding:5px 7px}.v390Pots svg{grid-row:1/3;width:15px;height:15px;margin-right:4px}.v390Pots b{font-size:8px;line-height:1}.v390Pots em{font-style:normal;font-size:14px;font-weight:1000;line-height:1.1}.v390Pots .first{background:#ffe8ed;color:#bd2a49}.v390Pots .second{background:#e8f0ff;color:#2d61ac} .v390FourInput{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid #e9eef2}.v390InputCol{padding:9px 7px 10px;border-right:1px solid #edf1f4;min-width:0}.v390InputCol:last-child{border-right:0}.v390InputCol label{display:block;text-align:center;font-size:9px;font-weight:900;margin-bottom:7px;color:#142035;white-space:nowrap}.v390Stepper{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#f4f8f9;border-radius:10px;overflow:hidden;min-height:43px}.v390Stepper button{height:43px;border:0;background:#e7f3f2;color:#079675;font-size:22px;font-weight:800}.v390Stepper button:disabled{color:#aacbc6}.v390Stepper b{min-width:34px;text-align:center;font-size:17px}.v390TeeBtns{display:grid;grid-template-columns:1fr 1fr;gap:4px}.v390TeeBtns button{height:43px;border:1px solid #cbd7df;border-radius:10px;background:#fff;font-size:10px;font-weight:900;color:#1d2939}.v390TeeBtns button.sel{background:#fff0f2;border-color:#e05a68;color:#c83f4d;box-shadow:inset 0 0 0 1px #e05a68} .v390CurrentRow{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;padding:8px 12px}.v390CurrentResult{display:flex;align-items:center;gap:8px}.v390CurrentResult span,.v390Gir span{font-size:9px;font-weight:900;color:#263549}.v390CurrentResult>b{font-size:20px;color:#0b8e73}.v390Gir{display:flex;align-items:center;gap:7px}.v390Gir b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px}.v390Gir b.ok{background:#0b9b79;box-shadow:0 0 0 3px rgba(11,155,121,.11)}.v390Gir b.no{background:#e8656e;box-shadow:0 0 0 3px rgba(232,101,110,.11)}.v390Memo{justify-self:end;height:31px;border:1px solid #d5dee5;background:#fff;border-radius:9px;padding:0 10px;font-size:9px;font-weight:900;color:#536276}.v390MemoOpen{padding:0 11px 8px!important}.v390MemoOpen textarea{border-radius:10px!important} .v390SaveNav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 10px}.v390SaveNav>button{min-height:50px;border-radius:12px!important}.v390SaveNav .v370SaveOnly{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;background:linear-gradient(90deg,#0a896c,#08a674)!important;border:0!important;color:#fff!important}.v390SaveNav .v370SaveOnly.saved{background:#08755e!important}.v390SaveNav .v370NextOnly{display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;justify-items:center;border:1px solid #98cfc6!important;background:#f6fffd!important;color:#087a67!important}.v390SaveNav .v370NextOnly span{font-size:14px!important;font-weight:1000!important}.v390SaveNav .v370NextOnly em{grid-column:1;font-size:8px!important;font-style:normal!important;color:#5a877e!important}.v390SaveNav .v370NextOnly strong{grid-column:2;grid-row:1/3;font-size:21px}.v390SaveNav .v370NextOnly:disabled{background:#f2f4f6!important;border-color:#e1e5e9!important;color:#adb5bd!important} /* Bottom sheets */ .modal.v390BottomSheet{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;top:auto!important;transform:translateX(-50%)!important;width:min(720px,100%)!important;max-height:82vh!important;overflow:auto!important;border-radius:24px 24px 0 0!important;padding:12px 14px 18px!important;box-shadow:0 -18px 50px rgba(15,23,42,.22)!important} .v390BottomSheet .v370SheetHandle{width:54px;height:5px;border-radius:999px;background:#d4dbe2;margin:0 auto 10px}.v390SheetHead{margin-bottom:8px!important}.v390SheetHead h2{font-size:21px!important;letter-spacing:-.4px!important} .v390RankSheet{border:1px solid #e1e7ec;border-radius:14px;overflow:hidden}.v390RankHead,.v390RankRow{display:grid;grid-template-columns:52px 1.35fr .8fr .9fr;align-items:center;min-height:43px}.v390RankHead{background:#f5f8fa;color:#627085;font-size:9px;font-weight:900}.v390RankRow{border-top:1px solid #edf1f4;padding:0 5px}.v390RankRow.me{background:#f4faf9}.v390RankRow>b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#eef1f4;font-size:13px}.v390RankRow:nth-child(2)>b{background:#ffe1e6;color:#c52c49}.v390RankRow:nth-child(3)>b{background:#e5efff;color:#2d62ad}.v390RankRow strong{font-size:13px;display:flex;align-items:center;gap:7px}.v390RankRow strong i{font-style:normal;min-width:24px;height:21px;border-radius:7px;background:#edf1f5;color:#68778a;font-size:9px;display:grid;place-items:center}.v390RankRow span{font-size:13px;text-align:center}.v390RankRow em{font-style:normal;font-size:18px;font-weight:1000;color:#087c72;text-align:center} .v390PlayerTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px}.v390PlayerTabs button{height:35px;border:0;border-radius:9px;background:#f0f3f6;color:#263445;font-size:10px;font-weight:900}.v390PlayerTabs button.active{background:#0b8076;color:#fff}.v390PlayerHero{display:flex;align-items:center;justify-content:space-between;border:1px solid #e3e8ed;border-radius:12px;padding:8px 10px;margin-bottom:7px}.v390PlayerHero>div{display:flex;align-items:center;gap:10px}.v390PlayerHero strong{font-size:14px}.v390PlayerHero>div>b{font-size:22px;color:#0a8b72}.v390PlayerHero>span{font-size:9px;color:#6f7d8d}.v390PlayerHero>span b{font-size:13px;color:#152033}.v390PlayerMetrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e3e8ed;border-radius:12px;overflow:hidden;margin-bottom:7px}.v390PlayerMetrics>div{display:grid;place-items:center;min-height:58px;border-right:1px solid #edf1f4}.v390PlayerMetrics>div:last-child{border-right:0}.v390PlayerMetrics span{font-size:8px;color:#697789;font-weight:900}.v390PlayerMetrics b{font-size:15px}.v390PlayerTypes{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #e3e8ed;border-radius:12px;overflow:hidden;margin-bottom:7px}.v390PlayerTypes>div{display:grid;place-items:center;min-height:45px;border-right:1px solid #edf1f4}.v390PlayerTypes>div:last-child{border-right:0}.v390PlayerTypes span{font-size:8px;color:#687789;font-weight:900}.v390PlayerTypes b{font-size:13px}.v390MiniHoles{display:grid;grid-template-columns:repeat(9,1fr);border:1px solid #e3e8ed;border-radius:12px;overflow:hidden}.v390MiniHoles span{display:grid;place-items:center;min-height:42px;border-right:1px solid #edf1f4;border-bottom:1px solid #edf1f4}.v390MiniHoles span:nth-child(9n){border-right:0}.v390MiniHoles span:nth-child(n+10){border-bottom:0}.v390MiniHoles small{font-size:7px;color:#788596}.v390MiniHoles b{font-size:11px} .v390WeatherForm>label{display:block;font-size:10px;font-weight:900;color:#263445;margin-bottom:7px}.v390WeatherChoices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:13px}.v390WeatherChoices button{height:74px;border:1px solid #dce4ea;border-radius:12px;background:#fff;color:#334154}.v390WeatherChoices button span{display:block;font-size:25px;line-height:1.1}.v390WeatherChoices button b{font-size:10px}.v390WeatherChoices button.selected{background:#0a8f83;color:#fff;border-color:#0a8f83}.v390WeatherNums{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.v390WeatherNums label{font-size:10px;font-weight:900;color:#263445}.v390WeatherNums label>div{display:grid;grid-template-columns:44px 1fr 44px;margin-top:5px}.v390WeatherNums button,.v390WeatherNums input{height:42px;border:1px solid #dce4ea;background:#fff;text-align:center;font-size:14px;font-weight:900}.v390WeatherNums button{background:#eef7f5;color:#079276;font-size:18px}.v390WeatherNums button:first-child{border-radius:9px 0 0 9px}.v390WeatherNums button:last-child{border-radius:0 9px 9px 0}.v390WeatherSave{width:100%;height:44px;border-radius:10px!important}.v390WeatherForm>p{font-size:8px;color:#7a8796;text-align:center;margin:8px 0 0} .v390ResultWeather{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;margin:0 8px 2px;padding:4px 8px;border-radius:10px;background:#f5faf9;color:#3d5961}.v390ResultWeather span{font-size:15px}.v390ResultWeather b{font-size:9px}.v390ResultWeather em{font-style:normal;font-size:8px;color:#70808f} @media (max-width:520px){ .v390Live{padding-left:4px!important;padding-right:4px!important}.v390Live .v390Banner{min-height:96px!important;border-radius:14px!important}.v390BannerText{left:12px!important;bottom:11px!important}.v390BannerText .course b{font-size:20px!important}.v390WeatherChip{height:27px;padding:0 8px;font-size:8.5px}.v390BannerTools .v365GearBtn{width:27px!important;height:27px!important} .v390BoardHead{min-height:49px!important;padding:7px 8px!important}.v390BoardHead .v365BoardTitle b{font-size:14px!important}.v390BoardCenter strong{font-size:18px!important}.v390BoardCenter span{font-size:8px!important}.v390BoardRow{grid-template-columns:36px 46px 1.2fr .68fr .72fr .58fr!important;min-height:39px!important}.v390BoardRow>strong{font-size:11.5px!important}.v390BoardRow .score{font-size:13px!important}.v390InputState i{width:25px!important;height:25px!important}.v390InputState.done i{box-shadow:0 0 0 3px rgba(10,158,123,.12)!important}.v390TeeMark{width:23px;height:23px;font-size:17px} .v390Live .v365Actions button{min-height:48px!important}.v390ProgressCard{padding:7px 7px 8px}.v390ProgressHead b{font-size:11px}.v390ProgressHead>strong{font-size:17px}.v390ProgressGrid{gap:1px}.v390ProgressGrid button span{width:17px;height:17px;font-size:6.7px}.v390ProgressGrid button{height:22px}.v390ProgressGrid button.done i{font-size:6px;right:-1px} .v390MyHead{padding:8px 9px 7px}.v390MyHead b{font-size:14px}.v390MyHead button{height:25px;padding:0 7px;font-size:7.8px}.v390MyTop{grid-template-columns:1.15fr repeat(5,1fr)}.v390MyTop>div{min-height:52px}.v390Identity{padding-left:8px!important}.v390Identity strong{font-size:12px}.v390Identity>b{font-size:20px;margin-top:6px}.v390Metric span{font-size:6.7px}.v390Metric b{font-size:12px}.v390ScoreTypes>div{min-height:36px}.v390ScoreTypes span{font-size:6.5px}.v390ScoreTypes b{font-size:11px} .v390InputHead{padding:7px 7px;gap:5px}.v390Prev{height:30px;padding:0 7px;font-size:8px}.v390HoleTitle{gap:3px}.v390HoleTitle b{font-size:19px}.v390HoleTitle span{font-size:8px}.v390Pots{gap:3px}.v390Pots>span{width:61px;min-height:36px;padding:4px 5px}.v390Pots em{font-size:12px}.v390FourInput{grid-template-columns:repeat(4,minmax(0,1fr))}.v390InputCol{padding:8px 4px 9px}.v390InputCol label{font-size:7px;margin-bottom:5px;letter-spacing:-.2px}.v390Stepper{min-height:39px}.v390Stepper button{height:39px;font-size:19px}.v390Stepper b{font-size:15px;min-width:27px}.v390TeeBtns{gap:2px}.v390TeeBtns button{height:39px;font-size:8.2px;padding:0 2px}.v390CurrentRow{gap:10px;padding:7px 8px}.v390CurrentResult span,.v390Gir span{font-size:7.5px}.v390CurrentResult>b{font-size:17px}.v390Gir b{width:23px;height:23px;font-size:11px}.v390Memo{height:28px;padding:0 7px;font-size:7.5px}.v390SaveNav{gap:6px;padding:0 8px 8px}.v390SaveNav>button{min-height:46px}.v390SaveNav .v370NextOnly span{font-size:12px!important}.v390SaveNav .v370NextOnly em{font-size:7px!important} .modal.v390BottomSheet{width:100%!important;max-height:86vh!important;padding:10px 10px 16px!important;border-radius:20px 20px 0 0!important}.v390SheetHead h2{font-size:18px!important}.v390RankHead,.v390RankRow{grid-template-columns:42px 1.35fr .75fr .9fr;min-height:39px}.v390RankRow strong{font-size:11.5px;gap:5px}.v390RankRow strong i{min-width:21px;height:19px;font-size:8px}.v390RankRow span{font-size:11px}.v390RankRow em{font-size:16px}.v390PlayerTabs{gap:3px}.v390PlayerTabs button{height:32px;font-size:8.5px}.v390PlayerMetrics>div{min-height:52px}.v390WeatherChoices button{height:66px}.v390WeatherChoices button span{font-size:22px}.v390WeatherNums{gap:8px} } /* ========================================================= v3.91 LIVE compact polish + synchronization fixes ========================================================= */ /* Full-width scenic banner inside the LIVE content area */ .v390Live .v390Banner{width:calc(100% + 14px)!important;margin-left:-7px!important;margin-right:-7px!important;border-left:0!important;border-right:0!important;border-radius:0 0 16px 16px!important;background-size:cover!important;background-position:center 54%!important} .v391GearPlain{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important} .v391GearPlain svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))} .v390BannerStatus{position:absolute;right:12px;bottom:10px;z-index:4;display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:rgba(5,30,43,.42);backdrop-filter:blur(5px);color:#fff} .v390BannerStatus .v362DbDot{position:static!important;display:block!important;width:8px!important;height:8px!important;flex:0 0 8px!important} .v390BannerStatus b{font-size:8px;font-weight:1000;letter-spacing:.25px} /* Board header / rows: denser but readable */ .v390BoardCard{margin-bottom:6px!important} .v390BoardHead{min-height:46px!important;padding:5px 9px!important} .v390BoardHead .v365BoardTitle b{font-size:15px!important} .v390BoardCenter strong{font-size:19px!important}.v390BoardCenter span{font-size:9px!important} .v390BoardCard .v365BoardCount{min-width:58px!important;height:28px!important;padding:0 7px!important;font-size:9px!important} .v390BoardCard .v365BoardCount em{font-size:9px!important;line-height:1!important;margin:0!important} .v390BoardCard .v365BoardNav{gap:3px!important}.v390BoardCard .v365BoardNav button{width:31px!important;height:31px!important} .v390BoardTable{padding-bottom:3px!important} .v390BoardRow{min-height:35px!important} .v390BoardRow.head{min-height:27px!important} .v390InputState i{width:25px!important;height:25px!important} .v390InputState.done i{box-shadow:0 0 0 2px rgba(10,158,123,.13)!important} .v390InputState.done svg{width:19px!important;height:19px!important} .v390InputState.wait i{font-size:11px!important} .v390TeeMark{width:25px!important;height:23px!important;border-radius:8px!important;font-size:10px!important;font-weight:1000!important;letter-spacing:-.4px} .v390TeeMark.safe{border-radius:50%!important;font-size:18px!important} .v390TeeMark.ob{color:#c73f4f!important;background:#fff0f2!important} .v390TeeMark.hazard{color:#b96a1b!important;background:#fff7ea!important} /* Action cards compact and same deep-teal family */ .v390Live .v365Actions{margin-bottom:6px!important;gap:6px!important} .v390Live .v365Actions button{min-height:43px!important;border-color:#cfe2e2!important;background:linear-gradient(135deg,#eef8f7,#f8fbfb)!important} .v390Live .v365Actions button:last-child{background:linear-gradient(135deg,#eff7f8,#f7fafc)!important} .v390Live .v365Actions .icon{width:27px!important;height:27px!important;background:#fff!important} .v390Live .v365Actions b{font-size:11px!important}.v390Live .v365Actions small{font-size:7.5px!important} /* Progress bar, front/back nine separator, no tiny check marks */ .v390ProgressCard{padding:6px 9px 7px!important;margin-bottom:6px!important} .v390ProgressHead{margin-bottom:4px!important}.v390ProgressHead b{font-size:11.5px!important}.v390ProgressHead>strong{font-size:17px!important} .v390ProgressGrid{gap:2px!important}.v390ProgressGrid button{height:22px!important}.v390ProgressGrid button span{width:19px!important;height:19px!important;font-size:7.5px!important} .v390ProgressGrid button.backnine:before{content:"";position:absolute;left:-2px;top:1px;bottom:1px;width:1px;background:#bcc8cf} .v390ProgressGrid button.backnine{margin-left:3px} .v390Divider{height:8px!important;margin:0 12px 2px!important;border-top:1px solid #bec9d0!important} .v390Divider:before,.v390Divider:after{display:none!important} /* MY PLAY compact; E centered; gray ratio details */ .v390MyCard{margin-bottom:6px!important} .v390MyHead{padding:6px 10px!important}.v390MyHead b{font-size:14.5px!important}.v390MyHead button{height:25px!important} .v390MyTop>div{min-height:48px!important} .v390Identity{align-items:center!important;padding-left:0!important;text-align:center!important} .v390Identity strong{font-size:12px!important}.v390Identity>b{font-size:19px!important;margin-top:5px!important;text-align:center!important} .v390Metric span{font-size:7px!important}.v390Metric b{font-size:12.5px!important;margin-top:2px!important} .v390Metric small{font-size:6.5px!important;color:#9aa5b2!important;font-weight:800!important;margin-top:1px!important;line-height:1!important} .v390ScoreTypes>div{min-height:32px!important}.v390ScoreTypes span{font-size:6.8px!important}.v390ScoreTypes b{font-size:10.5px!important} /* Input card: compact, larger previous-hole button, centered hole title */ .v390InputHead{grid-template-columns:74px minmax(0,1fr) auto!important;min-height:47px!important;padding:5px 7px!important} .v390Prev{height:34px!important;min-width:68px!important;padding:0 10px!important;font-size:10px!important;font-weight:1000!important} .v390HoleTitle{justify-self:center!important;justify-content:center!important;text-align:center!important;min-width:0!important} .v390HoleTitle b{font-size:19px!important}.v390HoleTitle span{font-size:8.5px!important} .v390Pots>span{min-height:33px!important} .v390InputCol{padding-top:6px!important;padding-bottom:6px!important} .v390Stepper{min-height:36px!important}.v390Stepper button,.v390TeeBtns button{height:36px!important}.v390Stepper b{font-size:14px!important} .v390CurrentRow{grid-template-columns:1fr 1fr auto!important;gap:0!important;padding:6px 10px!important} .v390CurrentResult{justify-content:flex-start!important;padding-right:16px!important} .v390Gir{justify-content:center!important;padding-left:16px!important;border-left:1px solid #e8edef!important} .v390Gir b{width:20px!important;height:20px!important;font-size:9px!important;box-shadow:none!important;background:#dff4ef!important;color:#087d69!important} .v390Gir b.no{background:#fae7e9!important;color:#b84c58!important} .v390SaveNav{padding-bottom:7px!important}.v390SaveNav>button{min-height:44px!important} .v390SaveNav .v370NextOnly{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:1fr!important;align-items:center!important;justify-items:center!important} .v390SaveNav .v370NextOnly span{font-size:11.5px!important;white-space:nowrap!important}.v390SaveNav .v370NextOnly em{display:none!important}.v390SaveNav .v370NextOnly strong{grid-column:2!important;grid-row:1!important;font-size:19px!important} /* Weather layout: never clip on mobile */ .v390WeatherNums{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important} .v390WeatherNums label{min-width:0!important} .v390WeatherNums label>div{grid-template-columns:36px minmax(0,1fr) 36px!important;min-width:0!important} .v390WeatherNums input{min-width:0!important;width:100%!important;box-sizing:border-box!important} .v390WeatherNums button{min-width:0!important;padding:0!important} /* Other player record: clearer total penalty and richer hole colors */ .v390PlayerHero>span{padding-right:8px!important;margin-left:10px!important;text-align:right!important} .v390PlayerHero>span b{font-size:17px!important;margin-left:4px!important} .v390PlayerMetrics small{display:block;font-size:7px;color:#98a4b1;font-weight:800;margin-top:2px} .v390MiniHoles small{font-size:8px!important;color:#4f5f73!important;font-weight:900!important} .v390MiniHoles b{font-size:12px!important;color:#111827!important} .v390MiniHoles .birdie b{color:#d34a5d!important}.v390MiniHoles .par b{color:#0a8a74!important}.v390MiniHoles .other b{color:#111827!important} .v390MiniHoles .backnine{border-left:2px solid #bcc8d0!important} @media (max-width:520px){ .v390Live{padding-left:4px!important;padding-right:4px!important;padding-bottom:6px!important} .v390Live .v390Banner{width:calc(100% + 8px)!important;margin-left:-4px!important;margin-right:-4px!important;min-height:90px!important} .v390BannerStatus{right:8px;bottom:7px;padding:3px 6px} .v390BoardHead{min-height:43px!important;padding:4px 7px!important} .v390BoardRow{grid-template-columns:31px 41px 1.2fr .66fr .69fr .58fr!important;min-height:33px!important} .v390BoardRow.head{min-height:24px!important}.v390BoardRow>strong{font-size:10.8px!important}.v390BoardRow .score{font-size:12px!important}.v390BoardRow .gain{font-size:10.5px!important} .v390InputState i{width:23px!important;height:23px!important}.v390InputState.done svg{width:17px!important;height:17px!important} .v390Live .v365Actions button{min-height:40px!important}.v390Live .v365Actions .icon{width:24px!important;height:24px!important} .v390ProgressCard{padding:5px 6px 6px!important}.v390ProgressGrid{gap:1px!important}.v390ProgressGrid button span{width:17px!important;height:17px!important;font-size:6.5px!important} .v390ProgressGrid button.backnine{margin-left:2px} .v390MyHead{padding:5px 8px!important}.v390MyTop>div{min-height:45px!important}.v390Identity strong{font-size:11px!important}.v390Identity>b{font-size:18px!important;margin-top:4px!important}.v390Metric b{font-size:11.5px!important} .v390ScoreTypes>div{min-height:30px!important} .v390InputHead{grid-template-columns:70px minmax(0,1fr) auto!important;padding:4px 6px!important}.v390Prev{height:33px!important;min-width:64px!important;font-size:9.5px!important}.v390HoleTitle b{font-size:18px!important} .v390FourInput{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v390InputCol{padding:5px 3px!important}.v390InputCol label{margin-bottom:4px!important}.v390Stepper,.v390Stepper button,.v390TeeBtns button{height:34px!important;min-height:34px!important} .v390CurrentRow{padding:5px 8px!important}.v390CurrentResult{padding-right:13px!important}.v390Gir{padding-left:13px!important}.v390Gir b{width:19px!important;height:19px!important;font-size:8.5px!important}.v390Memo{height:26px!important} .v390SaveNav>button{min-height:42px!important}.v390SaveNav .v370NextOnly span{font-size:10.5px!important} .modal.v390BottomSheet{padding-left:9px!important;padding-right:9px!important} .v390WeatherNums{gap:6px!important}.v390WeatherNums label>div{grid-template-columns:32px minmax(0,1fr) 32px!important}.v390WeatherNums button,.v390WeatherNums input{height:39px!important} .v390PlayerHero>span b{font-size:16px!important}.v390MiniHoles span{min-height:38px!important} } /* v3.92 MY PLAY + provisional prize state */ .v390MyTop{grid-template-columns:1.38fr .9fr 1fr 1.08fr 1.08fr!important} .v390Identity{padding-left:0!important} .v390Identity strong{font-size:12.5px!important} .v390Identity>b{font-size:20px!important;margin-top:6px!important} .v390Pots.pending>span{background:#f2f5f7!important;color:#7b8794!important;border:1px dashed #d3dbe1!important} .v390Pots.pending svg{opacity:.55!important} .v390Pots.pending b{color:#7b8794!important} .v390Pots.pending em{font-size:9px!important;letter-spacing:-.25px!important;color:#7b8794!important;white-space:nowrap!important} @media (max-width:520px){ .v390MyTop{grid-template-columns:1.42fr .88fr .96fr 1.04fr 1.04fr!important} .v390Identity strong{font-size:11.5px!important} .v390Identity>b{font-size:18.5px!important} .v390Pots.pending em{font-size:8px!important} } /* ========================================================= v3.93 — compact deep navy LIVE polish Header/top navigation intentionally untouched. ========================================================= */ :root{ --v393-navy:#071a33; --v393-navy2:#0b2747; --v393-navy3:#123b61; --v393-soft:#eef4f8; --v393-teal:#0aa37f; } /* Scenic area: full bleed only inside LIVE content; clean gear icon */ .v390Live .v390Banner{background-size:cover!important;background-position:center 54%!important} .v390BannerTools .v391GearPlain{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;width:29px!important;height:29px!important;border-radius:0!important;color:#fff!important} .v390BannerTools .v391GearPlain:before,.v390BannerTools .v391GearPlain:after{display:none!important;content:none!important} .v390BannerTools .v391GearPlain svg{width:24px!important;height:24px!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))!important} /* Main navy system from LIVE board downward */ .v390BoardHead,.v390InputHead{background:linear-gradient(100deg,var(--v393-navy),var(--v393-navy2) 72%,var(--v393-navy3))!important} .v390BoardCard{margin-bottom:4px!important} .v390BoardHead{min-height:40px!important;padding:3px 7px!important} .v390BoardHead .v365BoardTitle b{font-size:13.5px!important} .v390BoardHead .v365BoardTitle svg{width:17px!important;height:17px!important} .v390BoardCenter strong{font-size:17px!important}.v390BoardCenter span{font-size:7.5px!important} .v390BoardCard .v365BoardCount{height:25px!important;min-width:57px!important;padding:0 6px!important;font-size:8.5px!important} .v390BoardCard .v365BoardCount em{font-size:8.5px!important;font-weight:1000!important} .v390BoardCard .v365BoardNav button{width:28px!important;height:28px!important} .v390BoardTable{padding-bottom:1px!important} .v390BoardRow{min-height:30px!important;grid-template-columns:29px 38px 1.12fr .62fr .66fr .88fr!important} .v390BoardRow.head{min-height:22px!important} .v390BoardRow.head span{font-size:7.6px!important} .v390BoardRow>strong{font-size:10.5px!important}.v390BoardRow .score{font-size:11.5px!important}.v390BoardRow .gain{font-size:10px!important} .v390InputState i{width:21px!important;height:21px!important}.v390InputState.done svg{width:16px!important;height:16px!important} .v390TeeMark{height:21px!important;min-width:24px!important;width:auto!important;padding:0 5px!important;border-radius:7px!important;font-size:8.5px!important;line-height:21px!important} .v390TeeMark.safe{width:21px!important;min-width:21px!important;padding:0!important;border-radius:50%!important;font-size:15px!important} /* Action cards: closer to board, darker navy-tinted surfaces */ .v390Live .v365Actions{margin-top:2px!important;margin-bottom:4px!important;gap:5px!important} .v390Live .v365Actions button{min-height:37px!important;border-radius:12px!important;border-color:#c9d8e4!important;background:linear-gradient(135deg,#e4edf5,#f1f5f9)!important} .v390Live .v365Actions button:last-child{background:linear-gradient(135deg,#e1ebf6,#edf3fa)!important} .v390Live .v365Actions .icon{width:22px!important;height:22px!important;background:#fff!important;color:var(--v393-navy2)!important} .v390Live .v365Actions b{font-size:10.5px!important;color:var(--v393-navy)!important}.v390Live .v365Actions small{font-size:7px!important;color:#6f7f90!important} /* Progress is deliberately slimmer */ .v390ProgressCard{padding:4px 6px 5px!important;margin-bottom:4px!important} .v390ProgressHead{margin-bottom:3px!important}.v390ProgressHead b{font-size:10.5px!important}.v390ProgressHead>strong{font-size:15px!important;color:#123b61!important} .v390ProgressGrid button{height:19px!important}.v390ProgressGrid button span{width:16px!important;height:16px!important;font-size:6.5px!important} .v390ProgressGrid button.done span{background:var(--v393-navy2)!important} .v390ProgressGrid button.current span{border-color:var(--v393-navy2)!important;color:var(--v393-navy)!important} .v390ProgressGrid button.backnine:before{background:#8797a7!important} .v390Divider{height:5px!important;margin-bottom:1px!important;border-top-color:#c3ced8!important} /* MY PLAY: stronger identity share, compact metrics */ .v390MyCard{margin-bottom:4px!important} .v390MyHead{padding:5px 8px!important}.v390MyHead b{font-size:13.5px!important}.v390MyHead button{height:24px!important;font-size:8.3px!important} .v390MyTop{grid-template-columns:1.58fr .82fr .93fr 1.03fr 1.03fr!important} .v390MyTop>div{min-height:42px!important} .v390Identity strong{font-size:11.5px!important}.v390Identity>b{font-size:18px!important;margin-top:4px!important} .v390Metric span{font-size:6.7px!important}.v390Metric b{font-size:11.5px!important}.v390Metric small{font-size:6.4px!important} .v390ScoreTypes>div{min-height:27px!important}.v390ScoreTypes span{font-size:6.4px!important}.v390ScoreTypes b{font-size:10px!important} /* Input header + controls: keep importance while reducing total height */ .v390InputHead{grid-template-columns:76px minmax(0,1fr) auto!important;min-height:42px!important;padding:4px 6px!important} .v390Prev{height:32px!important;min-width:70px!important;padding:0 9px!important;font-size:12px!important;letter-spacing:-.2px!important} .v390HoleTitle{justify-self:center!important}.v390HoleTitle b{font-size:17px!important}.v390HoleTitle span{font-size:7.8px!important} .v390Pots>span{min-height:30px!important;width:64px!important;padding:3px 5px!important}.v390Pots em{font-size:10.5px!important}.v390Pots b{font-size:7px!important} .v390Pots.pending>span{background:#edf1f5!important;border-color:#cbd4dd!important;color:#748191!important} .v390Pots.pending em{font-size:8px!important;font-weight:850!important} .v390InputCol{padding:5px 3px 6px!important}.v390InputCol label{font-size:8.5px!important;margin-bottom:4px!important;font-weight:1000!important} .v390Stepper,.v390Stepper button,.v390TeeBtns button{height:33px!important;min-height:33px!important}.v390Stepper b{font-size:14px!important}.v390Stepper button{font-size:19px!important}.v390TeeBtns button{font-size:8px!important} .v390CurrentRow{padding:5px 8px!important;grid-template-columns:1.05fr .9fr auto!important}.v390CurrentResult{padding-right:20px!important}.v390Gir{padding-left:20px!important} .v390Gir b{width:23px!important;height:23px!important;font-size:10px!important;background:#e6f4f1!important;color:#0a806d!important} .v390Gir b.no{background:#faebed!important;color:#ad4f5c!important} .v390Memo{height:26px!important} .v390SaveNav{gap:5px!important;padding:0 7px 6px!important}.v390SaveNav>button{min-height:40px!important} /* Bottom sheets share the same typography rhythm */ .modal.v390BottomSheet{color:#142033!important} .v390SheetHead h2{font-size:17px!important;color:#101828!important} .v390RankHead,.v390RankRow{min-height:40px!important} .v390RankHead{font-size:9.5px!important} .v390RankRow .rankNum{background:transparent!important;color:#111827!important;width:auto!important;height:auto!important;border-radius:0!important;font-size:12.5px!important;font-weight:900!important} .v390RankRow:nth-child(2)>b,.v390RankRow:nth-child(3)>b{background:transparent!important;color:#111827!important} .v390RankRow strong{font-size:12.5px!important}.v390RankRow strong i{font-size:8.5px!important} .v390RankRow .grossNum{font-size:13px!important;font-weight:1000!important;color:#111827!important} .v390RankRow em{font-size:16px!important;color:var(--v393-navy2)!important} /* Weather: multi-select chips + save same green as score input save */ .v390WeatherForm>label small{font-size:7px;color:#8a98a8;margin-left:5px;font-weight:800} .v390WeatherChoices button.selected{background:var(--v393-navy2)!important;border-color:var(--v393-navy2)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important} .v390WeatherSave{background:linear-gradient(135deg,#0aae86,#079775)!important;border-color:#079775!important;color:#fff!important;box-shadow:none!important} .v390WeatherNums{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important} .v390WeatherNums label>div{grid-template-columns:31px minmax(0,1fr) 31px!important} /* Player detail: penalty breathing room + readable hole results */ .v390PlayerHero>span{padding-right:12px!important;margin-left:14px!important}.v390PlayerHero>span b{font-size:18px!important} .v390MiniHoles small{font-size:8.5px!important;color:#46566a!important;font-weight:1000!important}.v390MiniHoles b{font-size:12px!important;font-weight:900!important} .v390MiniHoles .birdie b{color:#cc4054!important}.v390MiniHoles .par b{color:#0b7f70!important}.v390MiniHoles .other b{color:#111827!important} @media (max-width:520px){ .v390BoardHead{min-height:38px!important;padding:3px 6px!important}.v390BoardHead .v365BoardTitle b{font-size:12.5px!important}.v390BoardCenter strong{font-size:16px!important} .v390BoardRow{grid-template-columns:27px 35px 1.08fr .58fr .62fr .9fr!important;min-height:28px!important}.v390BoardRow.head{min-height:20px!important}.v390BoardRow>strong{font-size:10px!important}.v390BoardRow .score{font-size:11px!important}.v390BoardRow .gain{font-size:9.5px!important} .v390InputState i{width:20px!important;height:20px!important}.v390InputState.done svg{width:15px!important;height:15px!important} .v390Live .v365Actions{margin-top:1px!important;margin-bottom:3px!important}.v390Live .v365Actions button{min-height:35px!important}.v390Live .v365Actions b{font-size:9.8px!important} .v390ProgressCard{padding:3px 5px 4px!important}.v390ProgressGrid button{height:18px!important}.v390ProgressGrid button span{width:15px!important;height:15px!important;font-size:6px!important} .v390MyTop{grid-template-columns:1.62fr .8fr .9fr 1fr 1fr!important}.v390MyTop>div{min-height:40px!important}.v390Identity strong{font-size:11px!important}.v390Identity>b{font-size:17px!important} .v390InputHead{grid-template-columns:73px minmax(0,1fr) auto!important;min-height:40px!important}.v390Prev{height:31px!important;min-width:68px!important;font-size:11.5px!important}.v390HoleTitle b{font-size:16.5px!important} .v390Pots>span{width:59px!important;min-height:29px!important}.v390InputCol label{font-size:8px!important}.v390Stepper,.v390Stepper button,.v390TeeBtns button{height:32px!important;min-height:32px!important} .v390CurrentRow{padding:4px 7px!important}.v390CurrentResult{padding-right:18px!important}.v390Gir{padding-left:18px!important}.v390Gir b{width:22px!important;height:22px!important;font-size:9.5px!important} .v390SaveNav>button{min-height:39px!important} .modal.v390BottomSheet{padding-top:9px!important}.v390SheetHead h2{font-size:16.5px!important} .v390RankRow .grossNum{font-size:12.5px!important}.v390RankRow em{font-size:15.5px!important} .v390WeatherChoices button{height:60px!important}.v390WeatherChoices button span{font-size:20px!important}.v390WeatherNums label>div{grid-template-columns:29px minmax(0,1fr) 29px!important} } /* v3.93 settlement/ranking typography parity */ .v390BottomSheet .v370Settlement .v349SetHead{font-size:9.5px!important;color:#637286!important} .v390BottomSheet .v370Settlement .v349SetRow strong{font-size:12.5px!important} .v390BottomSheet .v370Settlement .v349SetRow span{font-size:13px!important;font-weight:900!important} .v390BottomSheet .v370Settlement .v349SetRow{min-height:40px!important} /* ========================================================= v3.94 readability + input-first refinement ========================================================= */ :root{ --v394-navy:#071a35; --v394-navy2:#0b2f56; --v394-teal:#087c73; --v394-teal2:#0a9a7a; } /* Scenic banner: true edge-to-edge within LIVE canvas, no curved lower edge */ .v390Live .v390Banner{ margin-left:-7px!important; margin-right:-7px!important; width:calc(100% + 14px)!important; border-radius:0!important; border-left:0!important; border-right:0!important; background-size:cover!important; background-position:center 55%!important; } /* LIVE board — compact, balanced, rank/gain first */ .v390BoardCard{margin-left:0!important;margin-right:0!important;margin-bottom:2px!important;border-radius:14px!important} .v390BoardHead{ display:grid!important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important; align-items:center!important; min-height:36px!important; padding:2px 6px!important; column-gap:6px!important; } .v390BoardHead .v365BoardTitle{justify-self:start!important;gap:5px!important} .v390BoardHead .v365BoardTitle b{font-size:12.3px!important} .v390BoardHead .v365BoardTitle svg{width:15px!important;height:15px!important} .v390BoardCenter{justify-self:center!important;display:flex!important;align-items:baseline!important;gap:4px!important} .v390BoardCenter strong,.v390HoleTitle b{font-size:17px!important;line-height:1!important;font-weight:1000!important} .v390BoardCenter span,.v390HoleTitle span{font-size:8px!important;line-height:1!important;font-weight:900!important} .v390BoardHeadRight{justify-self:end!important;display:flex!important;align-items:center!important} .v390BoardCard .v365BoardNav{gap:4px!important} .v390BoardCard .v365BoardNav button{width:31px!important;height:31px!important;border-radius:9px!important;font-size:18px!important;font-weight:900!important} .v390BoardTable{padding:0 6px 1px!important} .v390BoardRow{ grid-template-columns:24px 43px minmax(60px,1.15fr) 42px 58px 70px!important; column-gap:5px!important; min-height:25px!important; } .v390BoardRow.head{min-height:18px!important;margin:0 -6px!important;padding:0 6px!important} .v390BoardRow.head span{font-size:7.3px!important} .v390BoardRow>strong{font-size:10.5px!important} .v390BoardRow .score{font-size:11.5px!important} .v390BoardRow .gain{font-size:12.5px!important;font-weight:1000!important;letter-spacing:-.2px!important} .v390BoardRow .tee{min-width:0!important} /* Input status: understated, modern; rank is visually stronger */ .v390InputState{justify-self:center!important} .v390InputState i{width:16px!important;height:16px!important;border-radius:50%!important;font-size:10px!important;line-height:1!important;border:1px solid #b9c7d1!important;background:#f7fafc!important;color:#607385!important;box-shadow:none!important} .v390InputState.done i{background:#eef8f6!important;border-color:#8dbdb5!important;color:#08786d!important;box-shadow:none!important} .v390InputState.wait i{font-size:15px!important;color:#9aa8b6!important;background:transparent!important;border-color:transparent!important} .v390BoardCard .v365RankBadge{min-width:34px!important;min-height:20px!important;border-radius:7px!important;font-size:10.5px!important;font-weight:1000!important;padding:0 5px!important} .v390BoardCard .v365RankBadge.r1{background:#ffe7ec!important;color:#c52f4a!important} .v390BoardCard .v365RankBadge.r2{background:#e5efff!important;color:#295faa!important} /* Tee state: unentered blank, safe target, OB/Hazard explicit */ .v390TeeMark{height:20px!important;min-width:28px!important;padding:0 5px!important;border-radius:7px!important;font-size:8.5px!important;line-height:20px!important;font-weight:1000!important} .v390TeeMark.safe{width:20px!important;min-width:20px!important;height:20px!important;padding:0!important;border-radius:50%!important;font-size:14px!important;color:#08796f!important;background:#edf7f5!important} .v390TeeMark.ob{color:#bf2e45!important;background:#ffe9ed!important;border:1px solid #f3bdc6!important} .v390TeeMark.hazard{color:#a44750!important;background:#fff0f1!important;border:1px solid #ecc7cb!important;font-size:7.7px!important} .v390TeeMark.empty{background:transparent!important;color:#a3aebb!important;border:0!important;font-size:11px!important} /* Action cards closer to board and slightly darker navy-tinted */ .v390Live .v365Actions{margin-top:0!important;margin-bottom:2px!important;gap:5px!important} .v390Live .v365Actions button{min-height:32px!important;background:linear-gradient(135deg,#dfe8f1,#edf2f7)!important;border-color:#c2d0dc!important} .v390Live .v365Actions button:last-child{background:linear-gradient(135deg,#dce7f2,#eaf0f7)!important} .v390Live .v365Actions .icon{width:20px!important;height:20px!important} .v390Live .v365Actions b{font-size:9.6px!important}.v390Live .v365Actions small{font-size:6.6px!important} /* Progress: keep functionality but save vertical space */ .v390ProgressCard{padding:2px 5px 3px!important;margin-bottom:2px!important;border-radius:11px!important} .v390ProgressHead{margin-bottom:2px!important;min-height:16px!important}.v390ProgressHead b{font-size:9.8px!important}.v390ProgressHead>strong{font-size:13.5px!important} .v390ProgressGrid{gap:2px!important}.v390ProgressGrid button{height:17px!important}.v390ProgressGrid button span{width:15px!important;height:15px!important;font-size:6.2px!important} .v390Divider{height:3px!important;margin:0 7px 1px!important;border-top:1px solid #c3ced8!important} .v390Divider:before,.v390Divider:after{display:none!important} /* MY PLAY compact; identity remains dominant */ .v390MyCard{margin-bottom:2px!important;border-radius:13px!important} .v390MyHead{padding:4px 7px!important}.v390MyHead b{font-size:12.5px!important} .v390MyHead button{height:25px!important;padding:0 10px!important;font-size:9.8px!important;font-weight:950!important} .v390MyTop>div{min-height:38px!important} .v390Identity strong{font-size:11.5px!important}.v390Identity>b{font-size:18px!important;margin-top:3px!important} .v390Metric span{font-size:6.8px!important}.v390Metric b{font-size:12px!important}.v390Metric small{font-size:6.4px!important} .v390ScoreTypes>div{min-height:24px!important}.v390ScoreTypes span{font-size:6.2px!important}.v390ScoreTypes b{font-size:9.8px!important} /* Input card is the primary interaction area */ .v390InputCard{border-color:var(--v394-navy2)!important;border-radius:15px!important} .v390InputHead{grid-template-columns:78px minmax(0,1fr) auto!important;min-height:42px!important;padding:4px 6px!important;background:linear-gradient(100deg,var(--v394-navy),var(--v394-navy2))!important} .v390Prev{height:34px!important;min-width:74px!important;font-size:13px!important;padding:0 9px!important;border-radius:9px!important} .v390HoleTitle{justify-self:center!important;gap:4px!important} .v390HoleTitle svg{width:15px!important;height:15px!important} .v390Pots>span{min-height:31px!important;width:62px!important;padding:3px 5px!important}.v390Pots b{font-size:7.2px!important}.v390Pots em{font-size:10.8px!important} .v390Pots.pending em{font-size:8px!important} .v390InputCol{padding:7px 4px 8px!important} .v390InputCol label{font-size:10.3px!important;margin-bottom:6px!important;letter-spacing:-.15px!important} .v390Stepper{grid-template-columns:minmax(34px,1fr) 38px minmax(34px,1fr)!important;min-height:43px!important;border-radius:10px!important} .v390Stepper button{height:43px!important;min-height:43px!important;width:100%!important;font-size:23px!important;padding:0!important} .v390Stepper b{min-width:38px!important;font-size:17px!important} .v390TeeBtns{gap:5px!important}.v390TeeBtns button{height:43px!important;min-height:43px!important;font-size:10.5px!important;font-weight:1000!important} .v390TeeBtns button[data-value="ob"]{color:#bb3046!important;background:#fff3f5!important;border-color:#edbec7!important} .v390TeeBtns button[data-value="hazard"]{color:#a24b53!important;background:#fff6f7!important;border-color:#e8c8cd!important} .v390TeeBtns button.sel[data-value="ob"]{background:#ffe6eb!important;border-color:#d64a60!important;color:#ae263b!important} .v390TeeBtns button.sel[data-value="hazard"]{background:#fbe9ec!important;border-color:#c96c75!important;color:#8e3b43!important} .v390CurrentRow{padding:6px 9px!important;grid-template-columns:1.15fr .95fr auto!important;column-gap:20px!important} .v390CurrentResult span,.v390Gir span{font-size:9.5px!important}.v390CurrentResult>b{font-size:21px!important} .v390CurrentResult{padding-right:18px!important}.v390Gir{padding-left:18px!important;gap:8px!important} .v390Gir b{width:25px!important;height:25px!important;font-size:11.5px!important} .v390Memo{height:28px!important;font-size:9.3px!important} .v390SaveNav{padding:0 7px 6px!important;gap:6px!important}.v390SaveNav>button{min-height:42px!important} /* Ranking sheet: exact column alignment, handicap score emphasized by color */ .v390RankHead,.v390RankRow{grid-template-columns:52px 1.35fr .8fr .9fr!important;padding:0 7px!important;column-gap:0!important} .v390RankHead span{display:block!important;text-align:center!important}.v390RankHead span:nth-child(2){text-align:left!important;padding-left:2px!important} .v390RankRow .rankNum{text-align:center!important;justify-self:center!important} .v390RankRow strong{justify-self:stretch!important;text-align:left!important} .v390RankRow .grossNum{font-weight:1000!important;color:#111827!important} .v390RankRow em{color:#087f77!important;font-weight:1000!important;font-size:16.5px!important} /* Weather save = same green action system as main save */ .v390WeatherSave{background:linear-gradient(90deg,#0a896c,#08a674)!important;border:0!important;color:#fff!important} @media (max-width:520px){ .v390Live .v390Banner{margin-left:-4px!important;margin-right:-4px!important;width:calc(100% + 8px)!important} .v390BoardHead{min-height:35px!important;padding:2px 5px!important} .v390BoardHead .v365BoardTitle b{font-size:11.8px!important} .v390BoardCenter strong,.v390HoleTitle b{font-size:16.5px!important} .v390BoardCenter span,.v390HoleTitle span{font-size:7.8px!important} .v390BoardCard .v365BoardNav button{width:30px!important;height:30px!important} .v390BoardTable{padding-left:5px!important;padding-right:5px!important} .v390BoardRow{grid-template-columns:22px 41px minmax(58px,1.15fr) 40px 56px 66px!important;column-gap:4px!important;min-height:24px!important} .v390BoardRow.head{min-height:17px!important;margin-left:-5px!important;margin-right:-5px!important;padding-left:5px!important;padding-right:5px!important} .v390BoardRow .gain{font-size:12px!important} .v390InputState i{width:15px!important;height:15px!important;font-size:9.5px!important} .v390BoardCard .v365RankBadge{font-size:10px!important;min-width:32px!important} .v390Live .v365Actions button{min-height:31px!important} .v390ProgressCard{padding-top:2px!important;padding-bottom:2px!important}.v390ProgressGrid button{height:16px!important}.v390ProgressGrid button span{width:14px!important;height:14px!important;font-size:5.8px!important} .v390MyHead button{font-size:9.5px!important;height:24px!important} .v390MyTop>div{min-height:37px!important}.v390ScoreTypes>div{min-height:23px!important} .v390InputHead{grid-template-columns:76px minmax(0,1fr) auto!important;min-height:41px!important} .v390Prev{height:33px!important;min-width:72px!important;font-size:12.7px!important} .v390InputCol{padding:7px 3px 8px!important}.v390InputCol label{font-size:9.7px!important;margin-bottom:5px!important} .v390Stepper,.v390Stepper button,.v390TeeBtns button{height:42px!important;min-height:42px!important} .v390Stepper button{font-size:22px!important}.v390Stepper b{font-size:16px!important}.v390TeeBtns button{font-size:9.8px!important} .v390CurrentRow{column-gap:17px!important;padding:5px 8px!important}.v390CurrentResult{padding-right:14px!important}.v390Gir{padding-left:14px!important}.v390Gir b{width:24px!important;height:24px!important;font-size:11px!important} .v390SaveNav>button{min-height:41px!important} .v390RankHead,.v390RankRow{grid-template-columns:48px 1.35fr .8fr .9fr!important;padding-left:6px!important;padding-right:6px!important} } /* ========================================================= v3.95 — final readability / input-area emphasis Keep public-area dimensions; enlarge personal interaction area. Restore the pre-navy deep-teal color system. ========================================================= */ :root{ --v395-deep-teal:#0b746f; --v395-deep-teal-2:#0a5b70; --v395-deep-teal-3:#0b4662; --v395-action:#0a896c; --v395-action-2:#08a674; --v395-ob:#c43b50; --v395-hazard:#0b7f70; } /* Restore previous deep-teal header colors — no geometry compression here */ .v390BoardHead, .v390InputHead{ background:linear-gradient(100deg,var(--v395-deep-teal),var(--v395-deep-teal-2) 70%,var(--v395-deep-teal-3))!important; } .v390InputCard{border-color:#8fc5c0!important} .v390Live .v365Actions button{border-color:#cfe2e2!important;background:linear-gradient(135deg,#eef8f7,#f8fbfb)!important} .v390Live .v365Actions button:last-child{background:linear-gradient(135deg,#eff7f8,#f7fafc)!important} .v390Live .v365Actions .icon{color:#0a6e69!important} .v390Live .v365Actions b{color:#114f57!important} .v390ProgressHead>strong{color:#0a716c!important} .v390ProgressGrid button.done span{background:#0c9d79!important} .v390ProgressGrid button.current span{border-color:#0c9d79!important;color:#087a70!important} .v390WeatherChoices button.selected{background:#0b746f!important;border-color:#0b746f!important} /* Top tabs: one clear step larger without changing header/tabs geometry */ @media (max-width:900px){ .v369Tab{font-size:10.5px!important;letter-spacing:-.15px!important} .v369Tab.active{font-size:11px!important} } /* LIVE board: keep public-area height, refine hierarchy only */ .v390BoardCard .v365BoardNav button{ width:32px!important;height:32px!important;font-size:20px!important;line-height:1!important } .v390BoardHead .v365BoardTitle, .v390BoardCenter, .v390BoardHeadRight{align-self:center!important} .v390BoardCenter{align-items:baseline!important} .v390BoardCenter strong,.v390HoleTitle b{font-size:17px!important;line-height:1!important} .v390BoardCenter span,.v390HoleTitle span{font-size:8px!important;line-height:1!important} .v390BoardRow{grid-template-columns:24px 43px minmax(58px,1.1fr) 40px 60px 66px!important;column-gap:5px!important} .v390BoardRow .gain{font-size:13.5px!important;font-weight:1000!important;letter-spacing:-.25px!important} .v390InputState i{width:14px!important;height:14px!important;font-size:8.5px!important;border-width:1px!important} .v390InputState.done i{background:#edf8f5!important;border-color:#8abdb3!important;color:#08786d!important} .v390InputState.wait i{font-size:13px!important;color:#a6b1bc!important} .v390BoardCard .v365RankBadge{min-width:35px!important;min-height:21px!important;font-size:10.7px!important} /* Tee colors: same language in board and input */ .v390TeeMark.ob{color:var(--v395-ob)!important;background:#fff0f3!important;border-color:#edbdc6!important} .v390TeeMark.hazard{color:var(--v395-hazard)!important;background:#edf8f5!important;border-color:#b8ddd6!important} .v390TeeMark.safe{color:var(--v395-hazard)!important;background:#edf8f5!important} .v390TeeMark.empty{background:transparent!important;color:#a3aebb!important;border:0!important} /* MY PLAY: larger type + taller personal area, while preserving the five-column layout */ .v390MyCard{margin-bottom:3px!important} .v390MyHead{padding:6px 9px!important;min-height:34px!important} .v390MyHead b{font-size:14px!important} .v390MyHead button{height:28px!important;font-size:10.8px!important;padding:0 11px!important} .v390MyTop{grid-template-columns:1.58fr .82fr .93fr 1.03fr 1.03fr!important} .v390MyTop>div{min-height:50px!important} .v390Identity strong{font-size:12.5px!important} .v390Identity>b{font-size:20px!important;margin-top:4px!important} .v390Metric span{font-size:8px!important;font-weight:850!important} .v390Metric b{font-size:13.5px!important;margin-top:2px!important} .v390Metric small{font-size:7.2px!important;margin-top:1px!important} .v390ScoreTypes>div{min-height:31px!important} .v390ScoreTypes span{font-size:7.5px!important} .v390ScoreTypes b{font-size:11.5px!important} /* Input card: make the personal interaction zone noticeably larger and easier to hit */ .v390InputHead{min-height:46px!important;padding:5px 7px!important} .v390Prev{height:36px!important;min-width:76px!important;font-size:13.5px!important} .v390Pots>span{min-height:34px!important} .v390InputCol{padding:9px 4px 10px!important} .v390InputCol label{font-size:11px!important;margin-bottom:7px!important;font-weight:1000!important} .v390Stepper{grid-template-columns:minmax(38px,1fr) 42px minmax(38px,1fr)!important;min-height:48px!important} .v390Stepper button{height:48px!important;min-height:48px!important;font-size:25px!important} .v390Stepper b{min-width:42px!important;font-size:18px!important} .v390TeeBtns{gap:5px!important} .v390TeeBtns button{height:48px!important;min-height:48px!important;font-size:11.5px!important;font-weight:1000!important} .v390TeeBtns button[data-value="ob"]{color:var(--v395-ob)!important;background:#fff5f7!important;border-color:#edbec7!important} .v390TeeBtns button[data-value="hazard"]{color:var(--v395-hazard)!important;background:#f1faf8!important;border-color:#b9dcd6!important} .v390TeeBtns button.sel[data-value="ob"]{background:#ffe6eb!important;border-color:#d64a60!important;color:#ad263b!important;box-shadow:inset 0 0 0 1px #d64a60!important} .v390TeeBtns button.sel[data-value="hazard"]{background:#def3ee!important;border-color:#0b8d79!important;color:#087565!important;box-shadow:inset 0 0 0 1px #0b8d79!important} .v390CurrentRow{min-height:38px!important;padding:7px 9px!important} .v390CurrentResult span,.v390Gir span{font-size:10px!important} .v390CurrentResult>b{font-size:22px!important} .v390Gir b{width:27px!important;height:27px!important;font-size:12px!important} .v390Memo{height:30px!important;font-size:10px!important} .v390SaveNav{padding:0 7px 7px!important;gap:6px!important} .v390SaveNav>button{min-height:48px!important} .v390SaveNav .v370SaveOnly span, .v390SaveNav .v370NextOnly span{font-size:13px!important;font-weight:1000!important;line-height:1!important} .v390SaveNav .v370NextOnly strong{font-size:20px!important} /* Ranking popup: hard separation of actual vs handicap score + exact column grid */ .v390RankHead,.v390RankRow{grid-template-columns:52px minmax(100px,1.35fr) .8fr .9fr!important;align-items:center!important;padding:0 8px!important} .v390RankHead span{justify-self:stretch!important;text-align:center!important} .v390RankHead span:nth-child(2){text-align:left!important;padding-left:2px!important} .v390RankRow .rankNum{justify-self:center!important;text-align:center!important} .v390RankRow strong{justify-self:stretch!important;text-align:left!important} .v390RankRow .grossNum{justify-self:center!important;text-align:center!important;color:#111827!important} .v390RankRow em.hcpNum{justify-self:center!important;text-align:center!important;color:#0b7f70!important;font-size:17px!important;font-weight:1000!important;font-style:normal!important} .v390RankHead span:last-child{color:#0b7f70!important;font-weight:1000!important} /* Banner remains natural-flow, full-width and square-bottomed */ .v390Live .v390Banner{border-radius:0!important;width:calc(100% + 14px)!important;margin-left:-7px!important;margin-right:-7px!important} @media (max-width:520px){ .v369Tab{font-size:10.2px!important}.v369Tab.active{font-size:10.8px!important} .v390BoardRow{grid-template-columns:22px 40px minmax(55px,1.1fr) 38px 58px 64px!important;column-gap:4px!important} .v390BoardCard .v365BoardNav button{width:31px!important;height:31px!important} .v390MyHead{padding:5px 8px!important}.v390MyHead b{font-size:13.5px!important}.v390MyHead button{font-size:10.4px!important;height:27px!important} .v390MyTop>div{min-height:48px!important}.v390Identity strong{font-size:12px!important}.v390Identity>b{font-size:19px!important} .v390Metric span{font-size:7.6px!important}.v390Metric b{font-size:13px!important}.v390Metric small{font-size:6.9px!important} .v390ScoreTypes>div{min-height:30px!important}.v390ScoreTypes span{font-size:7.2px!important}.v390ScoreTypes b{font-size:11px!important} .v390InputHead{min-height:45px!important;padding:5px 6px!important}.v390Prev{height:35px!important;min-width:74px!important;font-size:13px!important} .v390InputCol{padding:8px 3px 9px!important}.v390InputCol label{font-size:10.4px!important;margin-bottom:6px!important} .v390Stepper,.v390Stepper button,.v390TeeBtns button{height:47px!important;min-height:47px!important} .v390Stepper button{font-size:24px!important}.v390Stepper b{font-size:17px!important}.v390TeeBtns button{font-size:10.8px!important} .v390CurrentRow{min-height:37px!important;padding:6px 8px!important}.v390CurrentResult>b{font-size:21px!important}.v390Gir b{width:26px!important;height:26px!important} .v390SaveNav>button{min-height:47px!important}.v390SaveNav .v370SaveOnly span,.v390SaveNav .v370NextOnly span{font-size:12.5px!important} .v390RankHead,.v390RankRow{grid-template-columns:48px minmax(96px,1.35fr) .8fr .9fr!important;padding:0 7px!important} } /* ========================================================= v3.96 — readability + collapsible MY PLAY + tee consistency ========================================================= */ :root{ --v396-ob:#c43b50; --v396-hazard:#d97706; --v396-hazard-dark:#b45309; } /* Banner LIVE / DB status: easier to read outdoors */ .v390BannerStatus{gap:7px!important;padding:6px 10px!important} .v390BannerStatus .v362DbDot{width:11px!important;height:11px!important;flex-basis:11px!important} .v390BannerStatus b{font-size:11px!important;letter-spacing:.35px!important} /* Board: carry-over is deliberately secondary; tee status is text-only for OB/Hazard */ .v390BoardRow .gain.carry{font-size:10.5px!important;font-weight:650!important;color:#8b95a1!important} .v390TeeMark.ob,.v390TeeMark.hazard{ width:auto!important;min-width:0!important;height:auto!important;line-height:1.05!important; padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; font-size:10.8px!important;font-weight:1000!important;letter-spacing:-.25px!important } .v390TeeMark.ob{color:var(--v396-ob)!important} .v390TeeMark.hazard{color:var(--v396-hazard)!important} .v390TeeMark.safe{color:#08796f!important;background:#edf7f5!important} /* MY PLAY: expanded mode uses identity + putt + GIR + SCR + penalty */ .v390MyTop{grid-template-columns:1.42fr .93fr 1.05fr 1.05fr .92fr!important} .v390Identity{padding-left:12px!important} .v396Penalty b{color:#b45309!important} .v396MyActions{display:flex;align-items:center;gap:6px} .v396MyToggle{width:31px!important;min-width:31px!important;padding:0!important;font-size:18px!important;font-weight:1000!important} .v396MyCollapsedLine{display:grid;grid-template-columns:1.45fr .7fr 1fr 1fr;align-items:center;min-height:46px;padding:0 12px;border-top:1px solid #edf1f4;gap:8px} .v396MyCollapsedLine strong{font-size:13.5px;color:#182334} .v396MyCollapsedLine>b{font-size:22px;color:#0c8c72} .v396MyCollapsedLine span{font-size:10px;color:#6b7889;font-weight:900;text-align:center;white-space:nowrap} .v396MyCollapsedLine em{display:block;font-style:normal;font-size:15px;color:#162033;margin-top:2px} /* Input controls: force both minus and plus buttons to remain equally visible */ .v390Stepper{ grid-template-columns:minmax(36px,1fr) minmax(38px,44px) minmax(36px,1fr)!important; overflow:visible!important;background:transparent!important;gap:0!important } .v390Stepper button{ display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;min-width:0!important;padding:0!important;margin:0!important; background:#e7f3f2!important;color:#078f72!important;border:0!important; font-size:27px!important;line-height:1!important;font-weight:900!important } .v390Stepper button:first-child{border-radius:12px 0 0 12px!important} .v390Stepper button:last-child{border-radius:0 12px 12px 0!important} .v390Stepper button:disabled{color:#a9c9c4!important;background:#eef5f4!important} .v390Stepper b{height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f6f9fa!important} /* Tee input: same-size buttons; Hazard is orange and matches board */ .v390TeeBtns{grid-template-columns:1fr 1fr!important;gap:6px!important} .v390TeeBtns button{width:100%!important;min-width:0!important;padding:0 3px!important;font-size:12px!important} .v390TeeBtns button[data-value="ob"]{color:var(--v396-ob)!important;background:#fff5f7!important;border-color:#edbec7!important} .v390TeeBtns button[data-value="hazard"]{color:var(--v396-hazard-dark)!important;background:#fff7ed!important;border-color:#fdba74!important} .v390TeeBtns button.sel[data-value="ob"]{background:#ffe6eb!important;border-color:#d64a60!important;color:#ad263b!important;box-shadow:inset 0 0 0 1px #d64a60!important} .v390TeeBtns button.sel[data-value="hazard"]{background:#ffedd5!important;border-color:#f59e0b!important;color:#b45309!important;box-shadow:inset 0 0 0 1px #f59e0b!important} /* Slightly larger personal-area typography without changing public-area height */ .v390MyHead b{font-size:14.8px!important} .v390Identity strong{font-size:13px!important}.v390Identity>b{font-size:21px!important} .v390Metric span{font-size:8.6px!important}.v390Metric b{font-size:14.5px!important}.v390Metric small{font-size:7.5px!important} .v390ScoreTypes span{font-size:8px!important}.v390ScoreTypes b{font-size:12px!important} .v390InputCol label{font-size:11.3px!important} .v390CurrentResult span,.v390Gir span{font-size:10.5px!important} .v390SaveNav .v370SaveOnly span,.v390SaveNav .v370NextOnly span{font-size:13.5px!important} @media (max-width:520px){ .v390BannerStatus{padding:5px 9px!important}.v390BannerStatus b{font-size:10.5px!important} .v390BannerStatus .v362DbDot{width:10px!important;height:10px!important;flex-basis:10px!important} .v390BoardRow .gain.carry{font-size:9.8px!important} .v390TeeMark.ob,.v390TeeMark.hazard{font-size:10.2px!important} .v390MyTop{grid-template-columns:1.38fr .9fr 1.04fr 1.04fr .9fr!important} .v396MyActions{gap:4px}.v396MyToggle{width:29px!important;min-width:29px!important;height:27px!important;font-size:17px!important} .v396MyCollapsedLine{min-height:44px;padding:0 9px;grid-template-columns:1.35fr .65fr 1fr .9fr;gap:5px} .v396MyCollapsedLine strong{font-size:12.5px}.v396MyCollapsedLine>b{font-size:20px}.v396MyCollapsedLine span{font-size:9px}.v396MyCollapsedLine em{font-size:14px} .v390Stepper{grid-template-columns:minmax(32px,1fr) minmax(36px,42px) minmax(32px,1fr)!important} .v390Stepper button{font-size:26px!important}.v390Stepper b{height:47px!important} .v390TeeBtns button{font-size:11.3px!important} } /* build v3.96 */ /* ========================================================= v3.97 — stable input geometry + integrated hole progress ========================================================= */ /* 18-hole progress is now part of the Live board card. */ .v397BoardProgress{ display:grid!important;grid-template-columns:repeat(18,minmax(0,1fr))!important; align-items:center!important;gap:2px!important;padding:5px 9px 6px!important; background:#f7fafb!important;border-bottom:1px solid #e5ecef!important } .v397BoardProgress button{height:22px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;position:relative!important} .v397BoardProgress button span{width:18px!important;height:18px!important;margin:auto!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#e9eef2!important;color:#788697!important;font-size:7.3px!important;font-weight:1000!important} .v397BoardProgress button.done span{background:#0c9d79!important;color:#fff!important} .v397BoardProgress button.current span{background:#fff!important;color:#087a70!important;border:2px solid #0c9d79!important;box-shadow:0 0 0 2px rgba(12,157,121,.10)!important} .v397BoardProgress button.backnine:before{content:"";position:absolute;left:-2px;top:2px;bottom:2px;width:1px;background:#b7c4cc} .v397BoardProgress button.backnine{margin-left:3px!important} .v397BoardProgress button:disabled{opacity:1!important} /* Collapsed MY PLAY: exactly the four quick-read metrics requested. */ .v396MyCollapsedLine{grid-template-columns:repeat(4,minmax(0,1fr))!important;min-height:54px!important;padding:4px 10px!important;gap:0!important} .v396MyCollapsedLine span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;font-size:10.5px!important;color:#6a7788!important;font-weight:950!important;line-height:1.15!important} .v396MyCollapsedLine em{font-size:16px!important;line-height:1.15!important;margin-top:4px!important;color:#172235!important;font-weight:1000!important} .v396MyCollapsedLine span:first-child em{color:#0b8f77!important;font-size:18px!important} /* Input grid: never allow +/- controls to escape their own column. */ .v390FourInput{grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:hidden!important} .v390InputCol{min-width:0!important;overflow:hidden!important;padding-left:4px!important;padding-right:4px!important} .v390Stepper{width:100%!important;min-width:0!important;grid-template-columns:30% 40% 30%!important;gap:0!important;overflow:hidden!important;border-radius:12px!important} .v390Stepper button,.v390Stepper b{min-width:0!important;width:100%!important;box-sizing:border-box!important} .v390Stepper button{font-size:25px!important} .v390Stepper b{font-size:18px!important;padding:0!important} .v390TeeBtns{width:100%!important;min-width:0!important;grid-template-columns:1fr 1fr!important;gap:5px!important} .v390TeeBtns button{min-width:0!important;width:100%!important;padding:0 2px!important;font-size:12.5px!important;box-sizing:border-box!important} /* More breathing room around the center divider without making the public area taller. */ .v390FourInput{padding-bottom:3px!important} .v390CurrentRow{padding-top:10px!important;padding-bottom:10px!important;min-height:45px!important} /* Ready prize boxes are intentionally strong; pending stays neutral. */ .v390Pots.ready .first{background:#c93b55!important;color:#fff!important;border:1px solid #b82f49!important;box-shadow:0 2px 7px rgba(201,59,85,.18)!important} .v390Pots.ready .second{background:#316bb3!important;color:#fff!important;border:1px solid #285d9e!important;box-shadow:0 2px 7px rgba(49,107,179,.18)!important} .v390Pots.ready .first b,.v390Pots.ready .first em,.v390Pots.ready .second b,.v390Pots.ready .second em{color:#fff!important} @media (max-width:520px){ .v397BoardProgress{gap:1px!important;padding:4px 6px 5px!important} .v397BoardProgress button{height:20px!important} .v397BoardProgress button span{width:16px!important;height:16px!important;font-size:6.5px!important} .v397BoardProgress button.backnine{margin-left:2px!important} .v396MyCollapsedLine{min-height:50px!important;padding:3px 7px!important} .v396MyCollapsedLine span{font-size:9.8px!important}.v396MyCollapsedLine em{font-size:15px!important}.v396MyCollapsedLine span:first-child em{font-size:17px!important} .v390Stepper{grid-template-columns:29% 42% 29%!important} .v390Stepper button{font-size:24px!important}.v390Stepper b{font-size:17px!important} .v390TeeBtns{gap:4px!important}.v390TeeBtns button{font-size:11.8px!important} } /* build v3.97 */ /* ========================================================= v3.98 — requested polish on top of v3.97 ========================================================= */ /* Public vs personal area separation */ .v390Live .v365Actions{margin-top:8px!important;margin-bottom:14px!important} .v390Divider{height:20px!important;margin:10px 8px 12px!important;border-top:2px dashed #8fb5b7!important} .v390Divider:before,.v390Divider:after{display:none!important} .v390MyCard{margin-top:2px!important;margin-bottom:12px!important} .v390InputCard{margin-top:0!important} /* Distinguish live board navigation from hole-input previous button */ .v390BoardCard .v365BoardNav button{ width:40px!important;height:40px!important;border-radius:14px!important; border:1.5px solid rgba(255,255,255,.52)!important; background:rgba(255,255,255,.10)!important; color:#fff!important;font-size:25px!important;font-weight:1000!important; } .v390Prev{ background:#1a6d72!important;border:1px solid rgba(255,255,255,.20)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important; color:#f7fffe!important;min-width:84px!important;height:38px!important; } .v390Prev b{font-size:16px!important;letter-spacing:-.2px!important} /* Live board alignment and spacing */ .v390BoardCard{margin-bottom:10px!important} .v390BoardTable{padding:0 12px 6px!important} .v390BoardRow{ grid-template-columns:34px 56px minmax(78px,1.18fr) 56px 72px 72px!important; column-gap:8px!important;min-height:50px!important;align-items:center!important; } .v390BoardRow.head{min-height:34px!important;margin:0 -12px!important;padding:0 12px!important} .v390BoardRow.head span{justify-self:center!important;text-align:center!important} .v390BoardRow>strong{justify-self:start!important;font-size:14px!important} .v390BoardRow .score,.v390BoardRow .gain,.v390BoardRow .tee,.v390BoardRow .v365RankBadge,.v390BoardRow .v390InputState{justify-self:center!important;text-align:center!important} .v390BoardRow .gain{font-size:15px!important;font-weight:1000!important} .v390BoardRow .gain.carry{font-size:11px!important;font-weight:700!important} .v390InputState i{ width:20px!important;height:20px!important;font-size:12px!important; border:1.5px solid #8dbbb3!important;background:#f7fbfa!important;color:#0b8378!important; } .v390InputState.done i{background:#edf8f5!important;border-color:#84bbb0!important;color:#06786e!important;box-shadow:none!important} .v390InputState.wait i{background:#f2f5f8!important;border-color:#dde4ea!important;color:#a2adba!important} /* Tee mark styling */ .v390TeeMark{width:auto!important;height:auto!important;min-width:26px!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:15px!important;line-height:1.1!important;font-weight:1000!important;padding:0!important} .v390TeeMark.ob{color:#be3d5b!important;background:transparent!important} .v390TeeMark.hazard{color:#d28618!important;background:transparent!important} .v390TeeMark.safe{font-size:22px!important;color:#0a8d73!important} .v390TeeMark.empty{color:#afb9c4!important} /* MY PLAY readability */ .v390MyHead button{font-size:12px!important;height:30px!important;padding:0 13px!important} .v390MyTop{grid-template-columns:1.35fr repeat(4,1fr)!important} .v390MyTop>div{min-height:70px!important} .v390Identity strong{font-size:15px!important} .v390Identity>b{font-size:30px!important;margin-top:9px!important} .v390Metric span{font-size:10px!important} .v390Metric b{font-size:18px!important;margin-top:6px!important} .v390Metric small{font-size:10px!important;color:#7b8796!important;margin-top:2px!important} .v390ScoreTypes>div{min-height:45px!important} .v390ScoreTypes span{font-size:9px!important}.v390ScoreTypes b{font-size:15px!important} /* Collapsed MY PLAY with SCR before 벌점 */ .v398MyCollapsedLine{grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:58px!important;padding:6px 10px!important;gap:0!important;border-top:1px solid #edf1f4!important} .v398MyCollapsedLine span{font-size:10.5px!important} .v398MyCollapsedLine em{font-size:17px!important} .v398MyCollapsedLine span:first-child em{font-size:22px!important;color:#0b8f77!important} /* Input card larger personal area without breaking composition */ .v390InputCard{border-width:2px!important} .v390InputHead{min-height:50px!important;padding:6px 8px!important;grid-template-columns:84px minmax(0,1fr) auto!important} .v390HoleTitle b{font-size:26px!important}.v390HoleTitle span{font-size:12px!important} .v390Pots{gap:7px!important} .v390Pots>span{min-height:38px!important;width:80px!important;padding:5px 7px!important} .v390Pots b{font-size:9px!important}.v390Pots em{font-size:16px!important} .v390FourInput{grid-template-columns:repeat(4,minmax(0,1fr))!important} .v390InputCol{padding:11px 6px 12px!important} .v390InputCol label{font-size:13px!important;margin-bottom:9px!important} .v390Stepper{min-height:56px!important;grid-template-columns:30% 40% 30%!important} .v390Stepper button{height:56px!important;font-size:32px!important;line-height:1!important} .v390Stepper b{font-size:22px!important;min-width:40px!important} .v390TeeBtns{gap:8px!important} .v390TeeBtns button{height:56px!important;font-size:14px!important;border-radius:14px!important} .v390TeeBtns button.sel[data-value="ob"], .v390TeeBtns button.sel:first-child{background:#fff0f3!important;border-color:#d95f73!important;color:#ba3552!important;box-shadow:inset 0 0 0 1px #d95f73!important} .v390TeeBtns button.sel[data-value="hazard"], .v390TeeBtns button.sel:last-child{background:#fff7ea!important;border-color:#e0ae54!important;color:#d28618!important;box-shadow:inset 0 0 0 1px #e0ae54!important} .v390CurrentRow{padding:10px 14px!important;gap:18px!important} .v390CurrentResult span,.v390Gir span{font-size:11px!important} .v390CurrentResult>b{font-size:24px!important} .v390Gir b{width:33px!important;height:33px!important;font-size:17px!important} .v390Memo{height:38px!important;padding:0 14px!important;font-size:11px!important;border-radius:12px!important} .v390SaveNav{gap:10px!important;padding:0 12px 12px!important} .v390SaveNav>button{min-height:64px!important} .v390SaveNav .v370SaveOnly span,.v390SaveNav .v370NextOnly span{font-size:17px!important} .v390SaveNav .v370NextOnly strong{font-size:26px!important} /* Other member popup: no 1~18 scorecard, comfortable height */ .modal.v390BottomSheet{max-height:76vh!important} .v390PlayerHero>span{font-size:11px!important}.v390PlayerHero>span b{font-size:17px!important;margin-left:4px!important} .v390PlayerMetrics>div{min-height:66px!important} .v390PlayerMetrics span{font-size:10px!important}.v390PlayerMetrics b{font-size:18px!important}.v390PlayerMetrics small{font-size:10px!important;color:#7a8795!important} .v390PlayerTypes>div{min-height:48px!important} .v390PlayerTypes span{font-size:9px!important}.v390PlayerTypes b{font-size:14px!important} @media (max-width:520px){ .v390Live .v365Actions{margin-bottom:12px!important} .v390Divider{height:18px!important;margin:9px 6px 11px!important} .v390BoardRow{grid-template-columns:28px 50px minmax(68px,1.15fr) 48px 64px 66px!important;column-gap:5px!important;min-height:46px!important} .v390BoardRow.head{min-height:31px!important} .v390BoardCard .v365BoardNav button{width:37px!important;height:37px!important;font-size:23px!important} .v390InputState i{width:18px!important;height:18px!important;font-size:11px!important} .v390TeeMark{font-size:13px!important}.v390TeeMark.safe{font-size:20px!important} .v390MyHead button{font-size:11px!important;height:28px!important;padding:0 11px!important} .v390MyTop>div{min-height:63px!important} .v390Identity>b{font-size:27px!important} .v390Metric span{font-size:9px!important}.v390Metric b{font-size:16px!important} .v390ScoreTypes b{font-size:13px!important} .v398MyCollapsedLine{min-height:54px!important;padding:4px 8px!important} .v398MyCollapsedLine span{font-size:9.7px!important}.v398MyCollapsedLine em{font-size:15px!important}.v398MyCollapsedLine span:first-child em{font-size:19px!important} .v390InputHead{min-height:47px!important;padding:5px 7px!important;grid-template-columns:76px minmax(0,1fr) auto!important} .v390Prev{min-width:74px!important;height:35px!important} .v390HoleTitle b{font-size:22px!important}.v390HoleTitle span{font-size:10px!important} .v390Pots>span{width:72px!important;min-height:35px!important}.v390Pots em{font-size:14px!important} .v390InputCol{padding:9px 4px 10px!important}.v390InputCol label{font-size:11px!important;margin-bottom:7px!important} .v390Stepper{min-height:50px!important}.v390Stepper button{height:50px!important;font-size:28px!important}.v390Stepper b{font-size:20px!important} .v390TeeBtns button{height:50px!important;font-size:13px!important} .v390CurrentResult>b{font-size:22px!important}.v390Gir b{width:30px!important;height:30px!important;font-size:15px!important} .v390Memo{height:34px!important;padding:0 11px!important;font-size:10px!important} .v390SaveNav>button{min-height:58px!important}.v390SaveNav .v370SaveOnly span,.v390SaveNav .v370NextOnly span{font-size:15px!important} .modal.v390BottomSheet{max-height:78vh!important} } /* build v3.98 */ /* ========================================================= v3.99 — compact vertical balance / clarity polish Base: v3.98, proportions pulled back toward v3.97 ========================================================= */ /* Restore the v3.97 action-card tone explicitly. */ .v390Live .v365Actions{margin-top:7px!important;margin-bottom:7px!important;gap:8px!important} .v390Live .v365Actions button{ min-height:42px!important; border-color:#cfe2e2!important; background:linear-gradient(135deg,#eef8f7,#f8fbfb)!important; } .v390Live .v365Actions button:last-child{background:linear-gradient(135deg,#eff7f8,#f7fafc)!important} .v390Live .v365Actions .icon{color:#0a6e69!important} .v390Live .v365Actions b{color:#114f57!important} .v390Live .v365Actions small{font-size:9px!important} /* Divider: keep clear separation but remove excessive vertical dead space. */ .v390Divider{ height:7px!important; margin:5px 8px 6px!important; border-top:2px dashed #8fb5b7!important; } /* LIVE board: compact height, larger typography, regular column rhythm. */ .v390BoardCard{margin-bottom:8px!important} .v390BoardHead{min-height:50px!important;padding:6px 9px!important} .v390BoardHead .v365BoardTitle b{font-size:16px!important} .v390BoardCenter strong{font-size:22px!important}.v390BoardCenter span{font-size:10px!important} .v390BoardCard .v365BoardNav button{width:36px!important;height:36px!important;border-radius:12px!important;font-size:23px!important} .v390BoardTable{padding:0 10px 5px!important} .v390BoardRow{ grid-template-columns:30px 50px minmax(76px,1.15fr) 50px 66px 68px!important; column-gap:6px!important; min-height:40px!important; align-items:center!important; } .v390BoardRow.head{min-height:28px!important;margin:0 -10px!important;padding:0 10px!important} .v390BoardRow.head span{font-size:10.3px!important;font-weight:1000!important} .v390BoardRow>strong{font-size:15px!important;line-height:1.1!important} .v390BoardRow .score{font-size:16px!important}.v390BoardRow .gain{font-size:14px!important} .v390BoardRow .gain.carry{font-size:10px!important} .v390BoardCard .v365RankBadge{font-size:11.5px!important;min-width:38px!important;min-height:22px!important} .v390InputState i{width:18px!important;height:18px!important;font-size:11px!important} .v390TeeMark{font-size:13.5px!important}.v390TeeMark.safe{font-size:20px!important} /* MY PLAY: preserve readability but avoid a tall card. */ .v390MyCard{margin-top:0!important;margin-bottom:8px!important} .v390MyHead{min-height:40px!important;padding:6px 10px!important} .v390MyHead b{font-size:15.5px!important} .v390MyHead button{height:28px!important;font-size:11px!important;padding:0 11px!important} .v390MyTop>div{min-height:58px!important} .v390Identity strong{font-size:14px!important}.v390Identity>b{font-size:26px!important;margin-top:5px!important} .v390Metric span{font-size:9px!important}.v390Metric b{font-size:16px!important;margin-top:4px!important}.v390Metric small{font-size:9px!important} .v390ScoreTypes>div{min-height:38px!important}.v390ScoreTypes span{font-size:8px!important}.v390ScoreTypes b{font-size:13px!important} .v398MyCollapsedLine{min-height:50px!important;padding:3px 8px!important} .v398MyCollapsedLine span{font-size:9.6px!important}.v398MyCollapsedLine em{font-size:15px!important;margin-top:3px!important}.v398MyCollapsedLine span:first-child em{font-size:20px!important} /* Hole input: compact again; internal controls keep touch-friendly size. */ .v390InputHead{min-height:44px!important;padding:5px 7px!important;grid-template-columns:78px minmax(0,1fr) auto!important;gap:6px!important} .v390Prev{min-width:74px!important;height:34px!important;font-size:12.5px!important;border-radius:10px!important} .v390HoleTitle b{font-size:22px!important}.v390HoleTitle span{font-size:10px!important} .v390Pots{gap:5px!important}.v390Pots>span{width:68px!important;min-height:33px!important;padding:3px 5px!important;border-radius:11px!important}.v390Pots b{font-size:8px!important}.v390Pots em{font-size:12.5px!important} .v390FourInput{grid-template-columns:1.05fr 1fr .95fr 1.08fr!important;padding-bottom:0!important} .v390InputCol{padding:7px 5px 8px!important;overflow:visible!important} .v390InputCol label{font-size:11px!important;margin-bottom:6px!important} .v390Stepper{width:94%!important;margin:0 auto!important;min-height:46px!important;height:46px!important;grid-template-columns:30% 40% 30%!important;border-radius:11px!important} .v390Stepper button{height:46px!important;min-height:46px!important;font-size:27px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important} .v390Stepper b{height:46px!important;min-width:0!important;font-size:19px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;padding:0!important} .v390TeeBtns{width:94%!important;margin:0 auto!important;gap:5px!important} .v390TeeBtns button{height:46px!important;min-height:46px!important;font-size:12px!important;border-radius:11px!important} /* Selected tee states: unmistakable in bright outdoor light. */ .v390TeeBtns button[data-value="ob"]{background:#fff2f5!important;border-color:#e8aebb!important;color:#b93b54!important} .v390TeeBtns button.sel[data-value="ob"]{background:#c93b55!important;border-color:#b72f49!important;color:#fff!important;box-shadow:0 0 0 2px rgba(201,59,85,.20)!important} .v390TeeBtns button[data-value="hazard"]{background:#fff7eb!important;border-color:#efc477!important;color:#c66e08!important} .v390TeeBtns button.sel[data-value="hazard"]{background:#d97706!important;border-color:#bd6504!important;color:#fff!important;box-shadow:0 0 0 2px rgba(217,119,6,.20)!important} .v390CurrentRow{min-height:38px!important;padding:6px 10px!important;gap:12px!important} .v390CurrentResult span,.v390Gir span{font-size:10px!important}.v390CurrentResult>b{font-size:21px!important} .v390Gir b{width:27px!important;height:27px!important;font-size:13px!important} .v390Memo{height:31px!important;padding:0 9px!important;font-size:9.5px!important;border-radius:10px!important} .v390SaveNav{gap:7px!important;padding:0 8px 8px!important} .v390SaveNav>button{min-height:50px!important} .v390SaveNav .v370SaveOnly span,.v390SaveNav .v370NextOnly span{font-size:13.5px!important} .v390SaveNav .v370NextOnly strong{font-size:21px!important} @media (max-width:520px){ .v390Live .v365Actions{margin-top:6px!important;margin-bottom:6px!important} .v390Live .v365Actions button{min-height:40px!important} .v390Divider{height:6px!important;margin:4px 6px 5px!important} .v390BoardHead{min-height:46px!important;padding:5px 8px!important} .v390BoardHead .v365BoardTitle b{font-size:15px!important} .v390BoardCenter strong{font-size:20px!important}.v390BoardCenter span{font-size:9px!important} .v390BoardCard .v365BoardNav button{width:34px!important;height:34px!important;font-size:22px!important} .v390BoardRow{grid-template-columns:26px 46px minmax(66px,1.1fr) 44px 60px 62px!important;column-gap:4px!important;min-height:37px!important} .v390BoardRow.head{min-height:25px!important}.v390BoardRow.head span{font-size:9.4px!important} .v390BoardRow>strong{font-size:13.8px!important}.v390BoardRow .score{font-size:15px!important}.v390BoardRow .gain{font-size:13px!important} .v390BoardCard .v365RankBadge{font-size:10.8px!important;min-width:35px!important} .v390InputState i{width:17px!important;height:17px!important;font-size:10px!important} .v390MyHead{min-height:38px!important;padding:5px 8px!important}.v390MyHead b{font-size:14.5px!important}.v390MyHead button{height:27px!important;font-size:10.5px!important} .v398MyCollapsedLine{min-height:47px!important;padding:2px 7px!important}.v398MyCollapsedLine span{font-size:9px!important}.v398MyCollapsedLine em{font-size:14px!important}.v398MyCollapsedLine span:first-child em{font-size:18px!important} .v390InputHead{min-height:42px!important;padding:4px 6px!important;grid-template-columns:72px minmax(0,1fr) auto!important} .v390Prev{min-width:69px!important;height:32px!important;font-size:11.5px!important} .v390HoleTitle b{font-size:20px!important}.v390HoleTitle span{font-size:9px!important} .v390Pots>span{width:63px!important;min-height:31px!important}.v390Pots em{font-size:11.5px!important} .v390InputCol{padding:6px 3px 7px!important}.v390InputCol label{font-size:10.2px!important;margin-bottom:5px!important} .v390Stepper,.v390Stepper button,.v390Stepper b,.v390TeeBtns button{height:43px!important;min-height:43px!important} .v390Stepper button{font-size:25px!important}.v390Stepper b{font-size:18px!important}.v390TeeBtns button{font-size:11.4px!important} .v390CurrentRow{min-height:36px!important;padding:5px 8px!important}.v390CurrentResult>b{font-size:20px!important}.v390Gir b{width:25px!important;height:25px!important} .v390Memo{height:29px!important;font-size:9px!important} .v390SaveNav{padding:0 7px 7px!important}.v390SaveNav>button{min-height:46px!important}.v390SaveNav .v370SaveOnly span,.v390SaveNav .v370NextOnly span{font-size:12.8px!important} } /* build v3.99 */ /* v4.01 - only top tab font-size polish; all other v3.99 UI unchanged */ .v370Tab{font-size:10.8px!important;} .v370Tab.active{font-size:11.2px!important;} @media (max-width:520px){.v370Tab{font-size:10.5px!important}.v370Tab.active{font-size:10.9px!important}} /* build v4.01 */ /* ========================================================= v4.02 — requested LIVE-only visual polish ========================================================= */ /* 1) Settlement / ranking: flat icon + text actions, no card-box appearance. */ .v390Live .v365Actions{ margin-top:5px!important; margin-bottom:6px!important; gap:0!important; padding-left:12px!important; padding-right:12px!important; background:#fff!important; } .v390Live .v365Actions>button{ min-height:38px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; padding:4px 10px!important; grid-template-columns:24px 1fr 10px!important; gap:7px!important; } .v390Live .v365Actions>button:last-child{ background:transparent!important; border-left:1px solid #e2e9e9!important; } .v390Live .v365Actions .icon{ width:22px!important; height:22px!important; border-radius:0!important; background:transparent!important; color:#087a72!important; } .v390Live .v365Actions b{font-size:11px!important;color:#123f45!important} .v390Live .v365Actions small{font-size:7.8px!important;color:#87969a!important;margin-top:1px!important} .v390Live .v365Actions em{font-size:15px!important;color:#8d9b9f!important} /* 4/5/6) Status column changes from input-check to award bar after an actual award. */ .v390InputState.v402ResultState{ display:grid!important; place-items:center!important; min-width:0!important; } .v390InputState.v402ResultState i.v402AwardBar{ display:block!important; width:5px!important; height:25px!important; border-radius:999px!important; box-shadow:none!important; } .v390InputState.v402ResultState i.v402AwardBar.first{background:#d93b58!important} .v390InputState.v402ResultState i.v402AwardBar.second{background:#2f6fca!important;width:4px!important;height:23px!important} .v390InputState.v402ResultState i.v402AwardBar.award{background:#0b8176!important;width:4px!important;height:23px!important} /* 3) Save / Next use one shared state language, based on the Next button. */ .v390SaveNav .v370SaveOnly, .v390SaveNav .v370NextOnly:not(:disabled){ background:#f6fffd!important; border:1px solid #98cfc6!important; color:#087a67!important; box-shadow:none!important; } .v390SaveNav .v370SaveOnly .v370Icon{color:currentColor!important} .v390SaveNav .v370SaveOnly.saved{ background:#f2f4f6!important; border-color:#e1e5e9!important; color:#adb5bd!important; } .v390SaveNav .v370NextOnly:disabled{ background:#f2f4f6!important; border-color:#e1e5e9!important; color:#adb5bd!important; } @media (max-width:520px){ .v390Live .v365Actions{margin-top:4px!important;margin-bottom:5px!important;padding-left:9px!important;padding-right:9px!important} .v390Live .v365Actions>button{min-height:36px!important;padding:3px 8px!important;grid-template-columns:22px 1fr 8px!important;gap:6px!important} .v390Live .v365Actions .icon{width:20px!important;height:20px!important} .v390Live .v365Actions b{font-size:10.5px!important} .v390Live .v365Actions small{font-size:7.2px!important} .v390InputState.v402ResultState i.v402AwardBar.first{height:23px!important} .v390InputState.v402ResultState i.v402AwardBar.second, .v390InputState.v402ResultState i.v402AwardBar.award{height:21px!important} } /* build v4.02 */ /* ========================================================= v4.03 — requested final LIVE color/state polish only - realtime settlement/ranking remain flat icon+text on white - equal spacing above/below center dashed divider - all confirmed 1st-place accents = blue - all confirmed 2nd-place accents = green - input prize chips follow the same 1st/2nd colors - result bars are slim vertical marks in the former check column ========================================================= */ /* Realtime actions: no card boxes, just icon + text on one white action strip. */ .v390Live .v365Actions{ background:#fff!important; border:0!important; border-radius:0!important; box-shadow:none!important; padding:0 12px!important; gap:0!important; } .v390Live .v365Actions>button{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; min-height:38px!important; padding:4px 10px!important; } .v390Live .v365Actions>button:last-child{ background:transparent!important; border-left:1px solid #e5ecec!important; } .v390Live .v365Actions .icon{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:#087a72!important; } .v390Live .v365Actions b{color:#123f45!important} .v390Live .v365Actions small{color:#87969a!important} .v390Live .v365Actions em{color:#8d9b9f!important} /* Center separator: same breathing room above and below. */ .v390Divider{ height:0!important; margin:8px 8px!important; border-top:2px dashed #8fb5b7!important; } .v390Divider:before,.v390Divider:after{display:none!important} /* Result-state marker: force a slim vertical bar, never a pill/box. */ .v390BoardRow .v390InputState.v402ResultState{ width:100%!important; min-width:0!important; height:100%!important; min-height:0!important; padding:0!important; margin:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; display:grid!important; place-items:center!important; } .v390BoardRow .v390InputState.v402ResultState i.v402AwardBar{ display:block!important; min-width:0!important; max-width:none!important; padding:0!important; margin:0!important; border:0!important; border-radius:999px!important; box-shadow:none!important; } /* Unified rank color system: 1st = blue, 2nd = green. */ .v390BoardRow .v390InputState.v402ResultState i.v402AwardBar.first{ width:5px!important; height:25px!important; background:#2f6fca!important; } .v390BoardRow .v390InputState.v402ResultState i.v402AwardBar.second{ width:4px!important; height:23px!important; background:#15966f!important; } .v390BoardRow .v390InputState.v402ResultState i.v402AwardBar.award{ width:4px!important; height:23px!important; background:#15966f!important; } /* Rank badges */ .v390BoardCard .v365RankBadge.r1{ background:#e7f0ff!important; color:#2f6fca!important; border-color:#bfd2f4!important; } .v390BoardCard .v365RankBadge.r2{ background:#e8f7f0!important; color:#14845f!important; border-color:#b9dfcf!important; } /* Award amounts */ .v390BoardRow .gain.gain1{color:#2f6fca!important} .v390BoardRow .gain.gain2{color:#15966f!important} /* Input header prize amounts use the exact same rank colors. */ .v390Pots.ready .first{ background:#2f6fca!important; color:#fff!important; border-color:#285fae!important; box-shadow:0 2px 7px rgba(47,111,202,.18)!important; } .v390Pots.ready .second{ background:#15966f!important; color:#fff!important; border-color:#117b5b!important; box-shadow:0 2px 7px rgba(21,150,111,.18)!important; } .v390Pots.ready .first b,.v390Pots.ready .first em, .v390Pots.ready .second b,.v390Pots.ready .second em{color:#fff!important} @media (max-width:520px){ .v390Live .v365Actions{padding:0 9px!important} .v390Divider{height:0!important;margin:7px 6px!important} .v390BoardRow .v390InputState.v402ResultState i.v402AwardBar.first{height:23px!important} .v390BoardRow .v390InputState.v402ResultState i.v402AwardBar.second, .v390BoardRow .v390InputState.v402ResultState i.v402AwardBar.award{height:21px!important} } /* build v4.03 */ /* ========================================================= v4.04 — minimal requested polish only 1) Realtime settlement/ranking: true icon+text actions, no boxes/tints 2) In-progress LIVE list: Join button color matches sibling action buttons Everything else intentionally unchanged from v4.03. ========================================================= */ /* Realtime actions: remove ALL visible box treatment and make both sides identical. */ .v390Live .v365Actions{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; gap:0!important; } .v390Live .v365Actions>button, .v390Live .v365Actions>button:first-child, .v390Live .v365Actions>button:last-child{ background:transparent!important; background-image:none!important; border:0!important; border-left:0!important; border-radius:0!important; box-shadow:none!important; outline:0!important; } .v390Live .v365Actions>button:before, .v390Live .v365Actions>button:after{display:none!important} .v390Live .v365Actions .icon, .v390Live .v365Actions>button:first-child .icon, .v390Live .v365Actions>button:last-child .icon{ background:transparent!important; border:0!important; box-shadow:none!important; color:#087a72!important; } .v390Live .v365Actions>button b{color:#123f45!important} .v390Live .v365Actions>button small{color:#87969a!important} .v390Live .v365Actions>button em{color:#8d9b9f!important} /* In-progress LIVE list: Join uses the same neutral button color as Manage/other list actions. */ .liveRoundActions .primary, .liveRoundActions .secondary{ background:#e9edf4!important; color:#172033!important; border-color:#e9edf4!important; box-shadow:none!important; } /* build v4.04 */ /* ========================================================= v4.05 — only the requested MY PLAY header/separator polish - collapse toggle sits immediately to the right of MY PLAY - other member record link stays right-aligned - center dotted divider removed Everything else inherits v4.04 unchanged. ========================================================= */ .v390Divider{display:none!important} .v390MyHead{justify-content:space-between!important} .v390MyHead .v405MyTitle{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important} .v390MyHead .v405MyToggle{ width:28px!important;min-width:28px!important;height:26px!important; padding:0!important;margin-left:1px!important;border-radius:999px!important; display:inline-grid!important;place-items:center!important;font-size:16px!important;line-height:1!important; } .v390MyHead .v405OtherMember{margin-left:auto!important;white-space:nowrap!important} @media(max-width:520px){ .v390MyHead .v405MyTitle{gap:5px!important} .v390MyHead .v405MyToggle{width:27px!important;min-width:27px!important;height:25px!important;font-size:15px!important} .v390MyHead .v405OtherMember{font-size:10.5px!important;padding:0 10px!important} } /* build v4.05 */ /* ========================================================= v4.05 — minimal MY PLAY header cleanup only ========================================================= */ /* User requested the center dashed divider removed. */ .v390Live .v390Divider{display:none!important} /* Toggle belongs immediately to the right of MY PLAY; other-member action stays flush right. */ .v390Live .v405MyHead{display:flex!important;align-items:center!important;justify-content:space-between!important} .v390Live .v405MyTitle{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important} .v390Live .v405MyToggle{ display:inline-flex!important;align-items:center!important;gap:3px!important; width:auto!important;min-width:0!important;height:auto!important; padding:2px 4px!important;margin:0!important; border:0!important;background:transparent!important;box-shadow:none!important; color:#5f7d80!important;font-size:11px!important;font-weight:700!important; } .v390Live .v405MyToggle span{display:inline!important;font-size:11px!important;font-weight:700!important;line-height:1!important} .v390Live .v405MyToggle em{font-style:normal!important;font-size:13px!important;line-height:1!important} .v390Live .v405MyActions{margin-left:auto!important;display:flex!important;justify-content:flex-end!important} .v390Live .v405MyActions [data-v390-other-player]{margin-left:auto!important;text-align:right!important} /* ========================================================= v4.06 — LIVE board distribution label only ========================================================= */ .v390BoardRow .gain.v406GainWithLabel{ display:flex!important; align-items:baseline!important; justify-content:center!important; gap:3px!important; white-space:nowrap!important; } .v390BoardRow .gain .v406GainNote{ display:inline-block!important; margin:0!important; font-size:7.5px!important; line-height:1!important; font-weight:700!important; letter-spacing:-.25px!important; color:#87969a!important; opacity:.95!important; } @media(max-width:520px){ .v390BoardRow .gain.v406GainWithLabel{gap:2px!important} .v390BoardRow .gain .v406GainNote{font-size:7px!important} } /* build v4.06 */ /* ========================================================= v4.07 — LIVE board distribution display color/label polish only - distribution only: red amount + "분배" - distribution + normal hole award: total in rank color + "분배+원홀" - distribution + other-rank carry: red amount + "분배 / 이월" ========================================================= */ .v390BoardRow .gain.v407DistributionOnly{ color:#d93025!important; font-weight:900!important; } /* build v4.07 */ /* ========================================================= v4.08 — round result weather summary ========================================================= */ .v408RoundWeather{ display:flex;align-items:center;gap:8px; margin:0 0 10px;padding:7px 10px; border:1px solid #e5efee;border-radius:10px; background:#f7fbfa;color:#334e52; } .v408RoundWeatherIcon{font-size:17px;line-height:1} .v408RoundWeatherText{display:flex;align-items:baseline;gap:7px;min-width:0} .v408RoundWeatherText b{font-size:12px;font-weight:800;white-space:nowrap} .v408RoundWeatherText small{font-size:11px;font-weight:700;color:#738487;white-space:nowrap} @media(max-width:520px){ .v408RoundWeather{margin-bottom:8px;padding:6px 9px} .v408RoundWeatherText{gap:6px} .v408RoundWeatherText b{font-size:11.5px} .v408RoundWeatherText small{font-size:10.5px} } /* build v4.08 */ /* ========================================================= v4.09 — compact participant state + unobtrusive reset control ========================================================= */ .v409JoinStrip{ display:flex;align-items:center;justify-content:center;gap:6px; min-height:20px;margin:1px 0 4px;padding:1px 8px; color:#819093;font-size:9.5px;font-weight:700;line-height:1.2; } .v409JoinStrip span{font-weight:800;color:#607679} .v409JoinStrip b{font-size:9.5px;color:#8a999c} .v409JoinStrip.ready b{color:#0b8e73} .v409InputTools{justify-self:end;display:flex;align-items:center;gap:5px;white-space:nowrap} .v409ResetInput{ height:31px;padding:0 8px;border:1px solid #e0e5e8;border-radius:10px; background:#fff;color:#8a959a;font-size:9px;font-weight:800;box-shadow:none; } .v409ResetInput:active{background:#f4f6f7} @media(max-width:520px){ .v409JoinStrip{min-height:18px;margin:0 0 3px;font-size:9px} .v409JoinStrip b{font-size:9px} .v409InputTools{gap:4px} .v409ResetInput{height:29px;padding:0 7px;font-size:8.5px} } /* build v4.09 */ /* ========================================================= v4.10 — monitored-hole marker only Actual current hole keeps the existing teal current treatment. A historical/other monitored hole gets a distinct blue outer ring + dot. ========================================================= */ .v397BoardProgress button.monitor span{ position:relative!important; box-shadow:0 0 0 2px #2f6fca,0 0 0 4px rgba(47,111,202,.16)!important; transform:scale(1.05)!important; z-index:2!important; } .v397BoardProgress button.monitor span:after{ content:""; position:absolute; right:-3px;top:-3px; width:5px;height:5px; border-radius:50%; background:#2f6fca; border:1px solid #fff; box-shadow:0 1px 2px rgba(20,55,110,.22); } .v397BoardProgress button.monitor.done span{ background:#0c9d79!important; color:#fff!important; } @media(max-width:520px){ .v397BoardProgress button.monitor span{box-shadow:0 0 0 2px #2f6fca,0 0 0 3px rgba(47,111,202,.15)!important} .v397BoardProgress button.monitor span:after{width:4px;height:4px;right:-2px;top:-2px} } /* build v4.10 */ /* ========================================================= v4.11 completed-result clarity (display only) No changes to saved round data, shared schema, or settlement math. ========================================================= */ .v411DetailedMetrics>div{min-width:0} .v411DetailedMetrics>div>span:last-child{min-width:0} .v411DetailedMetrics .v411MetricDetail{ display:block; margin-top:4px; line-height:1.3; font-size:9px; font-weight:500; color:#8994a3; white-space:normal; overflow-wrap:anywhere; } .v411BetGrid{grid-template-columns:minmax(0,1fr)!important} .v411BirdieSettlement{margin-top:7px!important} .v411BirdieSettlement>summary{background:#f4f8ff!important} .v411BirdieSettlement[open]>summary{border-bottom-color:#e1eaf7!important} .v411BirdieDetail{display:grid;gap:7px;padding:10px 14px 12px} .v411BirdieDetail>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;align-items:center} .v411BirdieDetail span{color:#708095;font-weight:800} .v411BirdieDetail b{font-size:11px;white-space:nowrap} .v411BirdieDetail .gain{color:#2f7a62} .v411BirdieDetail .loss{color:#a64d2b} @media (max-width:520px){ .v411DetailedMetrics .v411MetricDetail{font-size:8.2px;margin-top:3px} .v411BirdieDetail{padding:9px 10px} .v411BirdieDetail>div,.v411BirdieDetail b{font-size:10px} } /* v4.12 results and scorecard: black standard text; accents only where requested. */ .v412ResultCard .v378Hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:7px!important;padding:10px 8px!important} .v412ResultCard .v378ScoreSide{padding-right:7px!important} .v412ResultCard .v378Score{display:flex!important;flex-wrap:wrap!important;gap:2px 6px!important;align-items:center!important;min-width:0!important} .v412ResultCard .v378Score strong{display:inline-block;white-space:nowrap!important;word-break:keep-all!important;font-size:clamp(27px,7.7vw,48px)!important;letter-spacing:-1.7px!important;color:#111!important;line-height:1.1!important} .v412ResultCard .v378Score em{color:#111!important;font-size:clamp(17px,4.7vw,26px)!important;margin:0!important;white-space:nowrap!important} .v412ResultCard .v378PlayerName,.v412ResultCard .v378Net,.v412ResultCard .v378Net b, .v412ResultCard .v378Ranks strong,.v412ResultCard .v378Nine *, .v412ResultCard .v378ScoreTypes *{color:#111!important} .v412ResultCard .v378Ranks strong{font-size:clamp(8px,2.3vw,12px)!important;letter-spacing:-.45px!important;padding:3px 2px!important;font-weight:800!important} .v412Net{display:flex!important;align-items:center;gap:clamp(12px,4vw,28px);white-space:nowrap;line-height:1.3} .v412Weather{margin:0!important;min-height:26px!important;padding:3px 4px!important;justify-content:flex-start!important;gap:3px!important;white-space:nowrap!important} .v412Weather b,.v412Weather em{font-size:clamp(7px,1.8vw,10px)!important} .v412AllScoreEntry{display:flex;align-items:center;gap:8px;min-height:51px;width:calc(100% - 16px);margin:8px 8px 8px;padding:8px 11px;border:1px solid #80a8ef;border-radius:12px;background:#f8fbff;text-align:left;cursor:pointer} .v412AllScoreEntry .v412AllScoreIcon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#edf4ff;color:#3469c2;flex-shrink:0} .v412AllScoreEntry svg{width:18px;height:18px} .v412AllScoreEntry>span:nth-child(2){display:grid;gap:2px;min-width:0} .v412AllScoreEntry b{font-size:13px;color:#111!important;font-weight:850} .v412AllScoreEntry small{font-size:9px;color:#697586;font-weight:500} .v412AllScoreEntry em{font-style:normal;margin-left:auto;font-size:23px;color:#3469c2} .v412ResultCard .v411MetricDetail{font-size:9px!important} .v378SettlementWrap .v381Settlement>summary .v378SectionTitle b{color:#111} /* Only expanded *detail body* is monochrome, including sum; summary headline colors are preserved. */ .v412ResultCard .v381Settlement[open] .v378PnLGrid *, .v412ResultCard .v381Settlement[open] .v411BirdieDetail *, .v412ResultCard .v378Spend[open] .v378SpendBody *{color:#111!important} .v412BirdTotal{border-top:1px solid #e5e9ef;padding-top:8px;margin-top:2px;font-weight:800} .v378Actions button:disabled{background:#e5e7eb!important;border-color:#e5e7eb!important;color:#6b7280!important;opacity:.7!important;cursor:not-allowed!important;box-shadow:none!important} /* full score */ .v412ScorePage{max-width:900px;margin:0 auto} .v412ScorePage .v378Top{margin-bottom:12px} .v412Players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 1px 8px} .v412Players>div{display:grid;place-items:center;gap:3px;padding:9px 2px;border:1px solid #e0e7ee;border-radius:12px;background:#fff;min-width:0} .v412Players .v412Selected{background:#edf5ff;border-color:#a8c9ef} .v412Players span{font-size:11px;color:#111;font-weight:700}.v412Players strong{font-size:21px;color:#111}.v412Players small{font-size:10px;color:#111} .v412Half{border:1px solid #e0e6ee;border-radius:14px;padding:9px 5px;margin-bottom:9px;background:#fff;overflow:hidden} .v412HalfHead{display:flex;justify-content:space-between;align-items:center;margin:2px 6px 8px} .v412HalfHead b{font-size:13px;color:#111}.v412HalfHead small{font-size:11px;color:#111} .v412ScoreScroll{overflow-x:auto;-webkit-overflow-scrolling:touch} .v412ScoreScroll table{width:100%;min-width:0;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#111} .v412ScoreScroll tr>*{border-right:1px solid #e8ecf3;border-bottom:1px solid #e8ecf3;text-align:center;padding:8px 1px;font-size:clamp(9px,2.25vw,13px);white-space:nowrap;color:#111;font-weight:400!important;line-height:1.2} .v412ScoreScroll tr>*:first-child{width:clamp(48px,13vw,80px);text-align:left;padding-left:4px;font-size:clamp(9px,2.5vw,13px)} .v412ScoreScroll tr>*:last-child{width:clamp(29px,8vw,45px);border-right:0} .v412ScoreScroll thead th{background:#f3f7fc} .v412ScoreScroll .v412Selected{background:#f0f6ff} .v412ScoreScroll td.v412Birdie,.v412RecordTable td.v412Birdie{color:#2563eb!important;font-weight:400!important} .v412ScoreScroll td.v412Eagle,.v412RecordTable td.v412Eagle{color:#8b5cf6!important;font-weight:400!important} .v412ScoreActions{display:grid;grid-template-columns:2fr 1fr;gap:7px;margin-top:11px} .v412ScoreActions button{min-height:43px;border-radius:12px} /* current read-only record details popup (NOT background boxes) */ .v412RecordTable tr td,.v412RecordTable td *{font-weight:400!important;background:transparent!important;box-shadow:none!important} .v412RecordTable td.v412RecordDanger{color:#dc2626!important;font-weight:400!important} .v412RecordTable td.v412Birdie{color:#2563eb!important} .v412RecordTable td.v412Eagle{color:#8b5cf6!important} .v412ManagerReadonly{font-size:11px;color:#555;font-weight:650;padding:8px} .v412ManagerPreview td,.v412ManagerPreview th{white-space:nowrap} .v412TransferNotice{font-size:12px;line-height:1.5} @media(max-width:370px){.v412ScoreScroll tr>*{padding:7px 0;font-size:9px}.v412ResultCard .v378Score em{font-size:16px!important}.v412Weather em{font-size:7px!important}} /* ========================================================= v4.13 — result/scorecard readability polish only ========================================================= */ /* Result hero: clearer score separation and rankings */ .v412ResultCard .v378Score{gap:2px clamp(12px,3.6vw,22px)!important} .v412ResultCard .v378Score em{font-size:clamp(19px,5.1vw,29px)!important;font-weight:850!important} .v412ResultCard .v378Ranks strong{font-size:clamp(9.5px,2.7vw,13px)!important;font-weight:900!important;letter-spacing:-.25px!important} /* Round side: remove boxed look, keep clean typographic hierarchy */ .v412ResultCard .v378Nine, .v412ResultCard .v378ScoreTypes{gap:0!important} .v412ResultCard .v378Nine>span, .v412ResultCard .v378ScoreTypes>span{ background:transparent!important; border-radius:0!important; min-height:auto!important; padding:4px 3px!important; position:relative; } .v412ResultCard .v378Nine>span+span:before, .v412ResultCard .v378ScoreTypes>span+span:before{ content:"";position:absolute;left:0;top:25%;height:50%;width:1px;background:#e1e7ec; } .v412ResultCard .v378Nine small{font-size:clamp(8.5px,2.1vw,11px)!important;font-weight:850!important;color:#5f6f7d!important} .v412ResultCard .v378Nine b{font-size:clamp(21px,5.7vw,29px)!important;font-weight:950!important;line-height:1.05!important} .v412ResultCard .v378ScoreTypes small{font-size:clamp(7.5px,1.9vw,10px)!important;font-weight:800!important;color:#677684!important} .v412ResultCard .v378ScoreTypes b{font-size:clamp(15px,4.1vw,20px)!important;font-weight:950!important;line-height:1.05!important;margin-top:2px!important} /* Weather: slightly larger, better balanced spacing */ .v412Weather{gap:7px!important;padding:4px 6px!important} .v412Weather span{font-size:17px!important} .v412Weather b{font-size:clamp(9px,2.2vw,11px)!important;font-weight:850!important} .v412Weather em{font-size:clamp(8.5px,2.05vw,10.5px)!important;font-weight:750!important} /* Metrics: add breathing room between symbol and data */ .v412ResultCard .v378Metrics>div{gap:clamp(6px,1.8vw,10px)!important;justify-content:flex-start!important;padding-left:clamp(2px,1.2vw,7px)!important} .v412ResultCard .v378MetricIcon{margin-right:1px!important} /* '오늘 총 지출' title hierarchy matches other settlement headers */ .v412ResultCard .v378Spend .v378SectionTitle>span:last-child b{font-size:14px!important;font-weight:900!important} @media(max-width:520px){ .v412ResultCard .v378Spend .v378SectionTitle>span:last-child b{font-size:13px!important} } /* Full score: strong horizontal/vertical axes and subtotals */ .v412ScoreScroll thead th{ background:#eaf1f8!important;color:#24415f!important;font-weight:900!important; } .v412ScoreScroll thead th:not(:first-child){font-size:clamp(10px,2.55vw,14px)!important} .v412ScoreScroll tbody tr>th:first-child{ background:#f8fafc!important;color:#1f2937!important;font-weight:900!important; } .v412ScoreScroll tbody tr:last-child>th:first-child{font-weight:900!important} .v412ScoreScroll tr>*:last-child{ color:#172b4d!important;font-weight:950!important;background:#f6f9fc!important; } .v412ScoreScroll thead th:last-child{background:#dfeaf6!important;color:#183a5c!important} .v412ScoreScroll td.v412Birdie{font-weight:900!important;position:relative!important;padding-right:8px!important} .v412ScoreScroll td.v412Birdie:after{ content:"✦";display:inline-block;margin-left:2px;font-size:.72em;line-height:1;color:#2563eb;vertical-align:top;transform:translateY(-1px) } .v412ScoreScroll td.v412Eagle{font-weight:900!important} /* LIVE detail: bolder hole axis, concise HZD, birdie bold only */ .v412RecordTable thead th:first-child, .v412RecordTable tbody td:first-child{font-weight:900!important;color:#263746!important} .v412RecordTable td.v412Birdie{font-weight:900!important} .v412RecordTable td.v412Eagle{font-weight:900!important} @media(max-width:520px){ .v412ResultCard .v378Score{gap:2px 12px!important} .v412ResultCard .v378Metrics>div{gap:5px!important;padding-left:2px!important} .v412ScoreScroll td.v412Birdie{padding-right:5px!important} } /* build v4.13 */ .v412ScoreScroll tr.v412Selected>th:first-child{background:#e6f1ff!important} .v412ScoreScroll tr.v412Selected>*:last-child{background:#e6f1ff!important} /* ========================================================= v4.14 — Statistics tab redesign only ========================================================= */ .v414Analysis{max-width:900px;margin:0 auto;padding-bottom:24px} .v414Top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 2px 10px} .v414Top>div{display:grid;gap:2px}.v414Top b{font-size:22px;color:#102638}.v414Top span{font-size:12px;color:#8796a3} .v414Top>button,.v414LiveStripHead button{width:28px;height:28px;border:1px solid #cfe0df;border-radius:50%;background:#fff;color:#137f78;font-weight:900} .v414PeriodBar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:2px 1px 10px}.v414PeriodChips{display:flex;gap:6px;overflow:hidden;padding:0;scrollbar-width:none}.v414PeriodChips::-webkit-scrollbar{display:none} .v414PeriodChips button{flex:0 0 auto;border:1px solid #dbe5e8;background:#fff;color:#526775;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;white-space:nowrap} .v414PeriodChips button.active,.v414MorePeriod.active{background:linear-gradient(135deg,#12917e,#08767a);border-color:transparent;color:#fff;box-shadow:0 5px 14px rgba(10,125,119,.18)}.v414MorePeriod{border:1px solid #dbe5e8;background:#fff;color:#526775;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:850;white-space:nowrap}.v414MorePeriod span{font-size:9px;margin-left:2px} .v414Hero,.v414Fold{background:#fff;border:1px solid #dbe6e8;border-radius:20px;box-shadow:0 8px 22px rgba(31,62,73,.055);margin-bottom:10px;overflow:hidden} .v414Hero{padding:16px}.v414HeroHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px} .v414HeroHead>div{display:grid;gap:2px}.v414HeroHead span{font-size:11px;color:#81919d;font-weight:750}.v414HeroHead strong{font-size:23px;color:#102638} .v414HeroHead button{border:1px solid #cbdcde;background:#f8fbfb;border-radius:999px;padding:8px 11px;color:#46616c;font-size:11px;font-weight:850} .v414HeroGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #e4ecee;border-radius:16px;overflow:hidden;background:#fbfdfd} .v414HeroGrid>div{padding:12px;min-width:0;border-bottom:1px solid #e8eeee}.v414HeroGrid>div:nth-child(odd){border-right:1px solid #e8eeee}.v414HeroGrid>div:nth-last-child(-n+2){border-bottom:0} .v414HeroGrid small{display:block;color:#71838e;font-size:10px;font-weight:800;margin-bottom:4px}.v414HeroGrid b{font-size:20px;color:#112637;white-space:nowrap}.v414HeroGrid b em{font-style:normal;font-size:11px;margin-left:2px;color:#71838e}.v414HeroGrid span{display:block;margin-top:4px;color:#8a99a3;font-size:9.5px;font-weight:700}.v414HeroGrid>div.primary{background:#fff}.v414HeroGrid>div.primary b{font-size:22px;font-weight:950}.v414HeroGrid>div.secondary{background:#f7fafa}.v414HeroGrid>div.secondary b{font-size:18px;font-weight:850;color:#34505b}.v414HeroGrid .good,.v414Bars .good{color:#07936e!important}.v414HeroGrid .bad,.v414Bars .bad{color:#cf4c55!important} .v414LiveStripHead{display:flex;align-items:center;justify-content:space-between;margin:15px 1px 8px}.v414LiveStripHead>span{font-size:12px;color:#344d59;font-weight:900}.v414LiveStripHead i{font-style:normal;color:#0b9383;font-size:9px;margin-left:5px;background:#e9f8f4;padding:3px 6px;border-radius:999px} .v414LiveStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.v414LiveStrip>div{background:#f4f8f8;border-radius:13px;padding:9px 5px;text-align:center;min-width:0}.v414LiveStrip small{display:block;font-size:9px;color:#74858f;font-weight:850}.v414LiveStrip b{display:block;margin:3px 0 2px;font-size:15px;color:#112637}.v414LiveStrip span{display:block;font-size:8px;color:#97a3ab;white-space:nowrap} .v414Fold>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer}.v414Fold>summary::-webkit-details-marker{display:none}.v414Fold>summary>span{display:grid;gap:2px}.v414Fold>summary b{font-size:15px;color:#15303b}.v414Fold>summary small{font-size:10px;color:#8897a2}.v414Fold>summary>i{font-style:normal;color:#73909a;font-size:16px;transition:.2s}.v414Fold[open]>summary>i{transform:rotate(180deg)} .v414FoldBody{border-top:1px solid #e7eeee;padding:13px 14px 15px;background:linear-gradient(180deg,#fcfefe,#fff)} .v414MetricTabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}.v414MetricTabs::-webkit-scrollbar{display:none}.v414MetricTabs button{flex:0 0 auto;border:1px solid #d9e4e7;background:#fff;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:850;color:#5e727d}.v414MetricTabs button.active{background:#0d827d;color:#fff;border-color:#0d827d} .v414SectionNote{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:4px 2px 12px}.v414SectionNote b{font-size:14px;color:#17313b}.v414SectionNote span{text-align:right;font-size:9px;color:#8796a0} .v414Bars{display:grid;gap:12px}.v414BarRow{display:grid;grid-template-columns:22px 48px minmax(90px,1fr) 76px;align-items:center;gap:7px;min-width:0}.v414BarRow.me{background:#f1faf8;border-radius:11px;padding:5px 6px;margin:-5px -6px}.v414Rank{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e9f3f2;color:#0b8177;font-size:10px;font-weight:900}.v414BarRow>b{font-size:11px;color:#18303a}.v414BarTrack{height:10px;background:#edf2f4;border-radius:99px;overflow:hidden}.v414BarTrack i{display:block;height:100%;border-radius:99px;background:#a9b7be}.v414BarRow.rank1 .v414Rank{background:#eaf2ff;color:#2168d5}.v414BarRow.rank1 .v414BarTrack i{background:#3b82f6}.v414BarRow.rank2 .v414Rank{background:#e8f7ef;color:#16865d}.v414BarRow.rank2 .v414BarTrack i{background:#22a06b}.v414BarRow.rankOther .v414Rank{background:#eef2f4;color:#71838d}.v414BarRow>strong{text-align:right;font-size:12px;color:#162e38;white-space:nowrap;font-weight:900}.v414BarRow>strong em{font-style:normal;font-size:9px;color:#7e8f98;margin-left:2px;font-weight:800} .v414TextAction{display:block;margin:14px 0 0 auto;border:0;background:none;color:#0b8177;font-size:11px;font-weight:900;padding:4px} .v414TrendLegend{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 6px}.v414TrendLegend span{display:flex;align-items:center;gap:4px;font-size:9px;color:#445b66;font-weight:800}.v414TrendLegend i{width:8px;height:8px;border-radius:50%}.v414TrendWrap{overflow-x:auto}.v414TrendWrap svg{display:block;width:100%;min-width:430px;height:auto} .v414Empty{padding:28px;text-align:center;color:#8a99a3;font-size:11px;background:#f7fafa;border-radius:13px}.v414TrendNeed{padding:24px 16px;text-align:center;background:#f5f9f9;border-radius:13px;border:1px dashed #d7e5e6}.v414TrendNeed b{display:block;font-size:12px;color:#405a64}.v414TrendNeed span{display:block;margin-top:6px;font-size:9.5px;color:#8a99a3}.v414DetailMini{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v414DetailMini>div{background:#f5f9f9;border-radius:13px;padding:12px}.v414DetailMini b{display:block;font-size:12px;color:#17313b}.v414DetailMini span{display:block;margin-top:5px;font-size:10px;color:#506a75;font-weight:850}.v414DetailMini small{display:block;margin-top:5px;font-size:8.5px;line-height:1.45;color:#8b9aa3}.v414FullButton{width:100%;margin-top:10px;border:1px solid #abd6d1;background:#effaf8;color:#087d73;border-radius:13px;padding:12px;font-weight:900;font-size:12px} .v414VsPick{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:4px 0 12px}.v414VsPick select{width:100%;border:1px solid #d7e2e5;border-radius:12px;padding:10px;background:#fff;color:#17313b;font-weight:850}.v414VsPick span{font-size:10px;color:#8a99a3;font-weight:900}.v414VsNames{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center;padding:10px;background:#f6fafa;border-radius:13px;margin-bottom:8px}.v414VsNames>b{font-size:14px}.v414VsNames>span{font-size:9px;color:#8b9aa3}.v414VsTable{border:1px solid #e2eaec;border-radius:14px;overflow:hidden}.v414VsRow{display:grid;grid-template-columns:78px 1fr 12px 1fr;align-items:center;gap:5px;padding:10px;border-bottom:1px solid #e8eeee}.v414VsRow:last-child{border-bottom:0}.v414VsRow span{font-size:10px;color:#647983;font-weight:850}.v414VsRow span em{display:inline-block;margin-left:4px;padding:2px 4px;border-radius:999px;background:#e8f8f4;color:#078676;font-style:normal;font-size:7px;font-weight:950;vertical-align:1px}.v414VsRow b{text-align:center;font-size:12px;color:#142d37}.v414VsRow i{width:1px;height:18px;background:#dfe8ea}.v414ModalNote{font-size:10px;line-height:1.6;color:#80909a;background:#f5f9f9;padding:10px;border-radius:12px;margin-top:10px}.v414PopupPeriod{display:flex;align-items:center;justify-content:space-between;background:#eff9f7;border:1px solid #d5ebe7;color:#637a83;border-radius:12px;padding:9px 11px;margin:2px 0 11px;font-size:10px}.v414PopupPeriod b{font-size:11px;color:#087d73}.v414Help h3{font-size:15px;color:#17313b;margin:10px 0 8px}.v414Help p{font-size:11px;line-height:1.7;color:#526b76;margin:7px 0}.v414PopupTable{overflow-x:auto}.v414PopupTable table{min-width:560px}.v414PopupFold{border:1px solid #e1e9eb;border-radius:14px;margin:9px 0;overflow:hidden;background:#fff}.v414PopupFold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:12px;cursor:pointer;background:#f8fbfb}.v414PopupFold>summary::-webkit-details-marker{display:none}.v414PopupFold>summary>span{display:grid;gap:2px}.v414PopupFold>summary b{font-size:12px;color:#17313b}.v414PopupFold>summary small{font-size:8.5px;color:#85959e}.v414PopupFold>summary i{font-style:normal;color:#6d8791;transition:.2s}.v414PopupFold[open]>summary i{transform:rotate(180deg)}.v414PopupFoldBody{padding:8px;border-top:1px solid #e7eeee}.v414PeriodModal{display:grid;gap:7px}.v414PeriodModal button{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #dde7e9;background:#fff;border-radius:13px;padding:12px 13px;color:#3e5964;font-size:12px;font-weight:850}.v414PeriodModal button.active{border-color:#8acfc5;background:#effaf8;color:#087d73}.v414PeriodModal button b{font-size:9px;color:#087d73} @media(max-width:420px){.v414Hero{padding:13px}.v414HeroGrid>div{padding:10px}.v414HeroGrid b{font-size:18px}.v414HeroGrid>div.primary b{font-size:21px}.v414HeroGrid>div.secondary b{font-size:17px}.v414LiveStrip{gap:4px}.v414LiveStrip b{font-size:14px}.v414BarRow{grid-template-columns:20px 44px minmax(72px,1fr) 72px;gap:5px}.v414VsRow{grid-template-columns:68px 1fr 10px 1fr}.v414PeriodChips button{padding:7px 9px}.v414MorePeriod{padding:7px 9px}.v414DetailMini{grid-template-columns:1fr 1fr}.v414DetailMini>div{padding:10px}} /* build v4.14 */ /* v4.16 statistics stabilization */ .v416FixedBadge{display:inline-block!important;margin-left:4px!important;padding:1px 4px!important;border-radius:999px!important;background:#eef5f5!important;color:#67808a!important;font-size:7px!important;font-style:normal!important;font-weight:900!important;vertical-align:1px!important} .v416TrendRef{margin:0 0 8px;padding:7px 10px;border-radius:10px;background:#f3f8f7;color:#607780;font-size:9.5px;font-weight:800;text-align:center} .v416SampleStrip{display:grid;gap:4px;margin:-2px 0 11px;padding:9px 11px;border-radius:12px;background:#f7fafb;border:1px solid #e4ecee;color:#71838d;font-size:9px;line-height:1.45} .v416SampleStrip span{display:block}.v416SampleStrip b{color:#29444f;font-weight:900} /* v4.17 — statistics final stabilization */ .v417TrendControl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 2px 10px;padding:9px 10px;border:1px solid #e1e9eb;border-radius:12px;background:#f8fbfb}.v417TrendControl>div{display:grid;gap:2px}.v417TrendControl b{font-size:11px;color:#17313b}.v417TrendControl span{font-size:8.5px;color:#82949d}.v417TrendControl label{display:flex;align-items:center;gap:6px;font-size:9px;color:#6f828c;font-weight:850}.v417TrendControl select{border:1px solid #d5e1e4;background:#fff;border-radius:9px;padding:6px 23px 6px 8px;color:#29434e;font-size:10px;font-weight:850}.v417AllTrendModal{padding-top:2px}.v417AllTrendModal .v414TrendWrap svg{min-width:520px} .v417CompactTable{max-height:58vh;overflow:auto;border-radius:10px}.v417CompactTable table{border-collapse:separate!important;border-spacing:0!important;table-layout:auto!important;width:max-content!important;min-width:100%!important}.v417CompactTable th,.v417CompactTable td{padding:7px 8px!important;min-width:46px!important;max-width:82px!important;text-align:center!important;white-space:nowrap!important;font-size:10px!important;line-height:1.25!important}.v417CompactTable th{position:sticky!important;top:0!important;z-index:4!important;background:#f5f9f9!important;font-weight:900!important;color:#526a75!important}.v417CompactTable th:first-child,.v417CompactTable td:first-child{position:sticky!important;left:0!important;z-index:5!important;min-width:66px!important;max-width:76px!important;text-align:left!important;padding-left:9px!important;background:#fff!important;border-right:1px solid #e3ebed!important;box-shadow:4px 0 7px -7px rgba(21,55,64,.55)}.v417CompactTable th:first-child{z-index:6!important;background:#f5f9f9!important}.v417CompactTable th:last-child,.v417CompactTable td:last-child{min-width:78px!important;text-align:right!important;padding-right:9px!important}.v417CompactTable tr:nth-child(even) td:first-child{background:#fbfdfd!important} @media (min-width:600px) and (max-width:900px){.v414Analysis{max-width:760px;margin-inline:auto}.v414Top b{font-size:18px}.v414Top span,.v414Fold>summary small{font-size:11px}.v414Fold>summary b{font-size:17px}.v414HeroHead strong{font-size:26px}.v414HeroGrid>div.primary b{font-size:25px}.v414HeroGrid>div.secondary b{font-size:21px}.v414HeroGrid small{font-size:11px}.v414HeroGrid span{font-size:10.5px}.v414LiveStrip small{font-size:10px}.v414LiveStrip b{font-size:17px}.v414LiveStrip span{font-size:9px}.v414MetricTabs button{font-size:11px;padding:8px 13px}.v414BarRow>b,.v414BarRow>strong{font-size:12px}.v414SectionNote b{font-size:15px}.v414SectionNote span{font-size:10px}.v417TrendControl b{font-size:12px}.v417TrendControl span,.v417TrendControl label{font-size:10px}.v417TrendControl select{font-size:11px;padding-block:7px}.v414DetailMini b{font-size:13px}.v414DetailMini span{font-size:11px}.v414DetailMini small{font-size:9.5px}.v414FullButton{font-size:13px;padding:13px}.v417CompactTable th,.v417CompactTable td{font-size:11px!important;padding:8px 9px!important}} /* v4.18 statistics final readability cleanup */ .v414VsPick{margin-bottom:10px!important} .v414VsNames{display:none!important} .v417AllTrendModal .v414TrendWrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px} .v417AllTrendModal .v414TrendWrap svg{width:auto!important;min-width:100%!important;max-width:none!important;height:220px!important} .v414TrendWrap svg{max-width:none} /* Detailed statistics: compact, aligned and sticky without excessive final-column gap */ .v418BaseTable table,.v418LiveTable table,.v418ScoreTable table{min-width:0!important;width:max-content!important} .v418BaseTable th,.v418BaseTable td,.v418LiveTable th,.v418LiveTable td,.v418ScoreTable th,.v418ScoreTable td{padding-left:6px!important;padding-right:6px!important} .v418BaseTable th:nth-last-child(2),.v418BaseTable td:nth-last-child(2){min-width:42px!important;max-width:48px!important} .v418BaseTable th:last-child,.v418BaseTable td:last-child{min-width:72px!important;max-width:86px!important;padding-left:6px!important;padding-right:7px!important} .v418LiveTable th:nth-last-child(2),.v418LiveTable td:nth-last-child(2),.v418LiveTable th:last-child,.v418LiveTable td:last-child{min-width:48px!important;max-width:58px!important;padding-left:5px!important;padding-right:5px!important;text-align:center!important} .v418ScoreTable th:nth-last-child(2),.v418ScoreTable td:nth-last-child(2),.v418ScoreTable th:last-child,.v418ScoreTable td:last-child{min-width:50px!important;max-width:62px!important;padding-left:5px!important;padding-right:5px!important;text-align:center!important} .v417CompactTable th:first-child,.v417CompactTable td:first-child{box-shadow:5px 0 8px -8px rgba(21,55,64,.7)!important} .v414SectionNote span{line-height:1.35} @media (max-width:599px){ .v418BaseTable th,.v418BaseTable td,.v418LiveTable th,.v418LiveTable td,.v418ScoreTable th,.v418ScoreTable td{font-size:9.5px!important} .v417CompactTable th:first-child,.v417CompactTable td:first-child{min-width:64px!important;max-width:70px!important;padding-left:7px!important;padding-right:6px!important} } /* v4.19 statistics final polish */ .v414TrendWrap svg{min-width:380px!important} .v417AllTrendModal .v414TrendWrap svg{min-width:100%!important} @media (max-width:430px){.v414TrendWrap{margin-inline:-2px}.v414TrendLegend span{font-size:9.5px}.v414TrendWrap svg{min-width:380px!important}} /* v4.20 statistics period / trend polish */ .v420PeriodBadge{margin-left:auto;white-space:nowrap;font-style:normal;font-size:9px;font-weight:900;color:#496771;background:#eef6f5;border:1px solid #dcebe8;border-radius:999px;padding:4px 7px} .v414Fold>summary{gap:8px}.v414Fold>summary>span{min-width:0}.v414MorePeriod.active{background:#0c6666!important;color:#fff!important;border-color:#0c6666!important} .v414TrendWrap{overflow-x:hidden!important}.v414TrendWrap svg{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important} .v417AllTrendModal .v414TrendWrap{overflow-x:hidden!important}.v417AllTrendModal .v414TrendWrap svg{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important} @media (min-width:600px) and (max-width:900px){.v420PeriodBadge{font-size:11px;padding:5px 9px}.v414TrendWrap svg{font-size:1.08em}} /* v4.21: 5/10-round period choices without hiding the 5th button on phones */ .v414PeriodChips{overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;} .v414PeriodChips::-webkit-scrollbar{display:none} .v414DetailMini>div{min-height:62px} .v414DetailMini>div small{color:#926a28;font-weight:800} @media(max-width:430px){.v414PeriodChips{gap:4px}.v414PeriodChips button{padding:7px 9px;font-size:10px}.v414PeriodBar{column-gap:5px}.v414MorePeriod{padding:7px 8px;font-size:10px}} /* v4.22 — number centered, currency right; retain sticky names and headers. */ .v418LiveTable th:last-child,.v418LiveTable td:last-child, .v418ScoreTable th:last-child,.v418ScoreTable td:last-child{ text-align:center!important; } .v418BaseTable th:last-child,.v418BaseTable td:last-child{ text-align:right!important; } .v418BaseTable th:not(:first-child):not(:last-child),.v418BaseTable td:not(:first-child):not(:last-child), .v418LiveTable th:not(:first-child),.v418LiveTable td:not(:first-child), .v418ScoreTable th:not(:first-child),.v418ScoreTable td:not(:first-child){text-align:center!important;} .v414VsRow span{white-space:nowrap;} @media (max-width:430px){.v414VsRow{grid-template-columns:82px minmax(0,1fr) 12px minmax(0,1fr);}} /* v4.23: source sample label only in explanatory footnote, no duplicated player-name strip. */ .v414VsPick{margin-top:8px;} .v423TrendDates{margin-top:12px;padding:10px 9px;border-top:1px solid #e4eeee;color:#617882;font-size:10px;} .v423TrendDates summary{cursor:pointer;font-weight:850;color:#395966;} .v423TrendDates>b{display:block;margin-bottom:7px;color:#496774;} .v423TrendDates>div{display:flex;flex-wrap:wrap;gap:5px 9px;margin-top:8px;} .v423TrendDates>div span{background:#f5f9f9;border:1px solid #e6eeee;border-radius:6px;padding:4px 6px;font-weight:750;} .v417CompactTable{scroll-padding-top:27px;scroll-padding-left:70px;} .v418BaseTable th:nth-last-child(2),.v418BaseTable td:nth-last-child(2){padding-left:4px!important;padding-right:4px!important;} .v418BaseTable th:last-child,.v418BaseTable td:last-child{padding-left:4px!important;padding-right:6px!important;} @media(max-width:430px){.v423TrendDates{font-size:9.5px;padding-inline:3px;}.v423TrendDates>div{gap:5px;}} /* v4.24 Player statistics: small, consistent LIVE mark and mobile-friendly labels */ .v414Analysis .v424LiveTag,.v414PopupFold .v424LiveTag,.v414VsTable .v424LiveTag,.v414Help .v424LiveTag,.v414ModalNote .v424LiveTag,.v414PopupPeriod .v424LiveTag, .v414SectionNote .v424LiveTag,.v414MetricTabs .v424LiveTag,.v414Hero .v424LiveTag{ display:inline-block;vertical-align:middle;font-style:normal;font-weight:850;font-size:8px;line-height:1.25; letter-spacing:0;padding:2px 4px;border-radius:5px;background:#e7f7f4;color:#057c6f;white-space:nowrap; } .v414MetricTabs button .v424LiveTag{margin-left:4px;font-size:7px;padding:2px 3px} .v414LiveStrip small .v424LiveTag{margin-left:2px;font-size:7px} .v414PopupTable th .v424LiveTag{font-size:7px;padding:1px 3px;margin-left:2px} .v414PopupFold > summary b .v424LiveTag{margin-left:5px} .v414VsRow>span .v424LiveTag{margin-left:4px} .v414VsRow>span{white-space:nowrap} .v414PopupPeriod>span{min-width:0;display:flex;align-items:center;gap:5px;white-space:nowrap} .v414PopupPeriod>b{text-align:right;flex:0 0 auto;white-space:nowrap} .v414ModalNote{font-size:10px;line-height:1.65} .v414ModalNote small{font-size:9px;color:#83939b} .v414DetailMini{display:none!important} .v414VsPick select{touch-action:manipulation;min-width:0} @media(max-width:430px){ .v414SectionNote span{font-size:10px} .v414PopupTable th .v424LiveTag{font-size:6.5px} .v414VsRow>span{font-size:10px} } /* v4.25 — compact, always-visible detailed statistics and single LIVE group badges */ .v425DetailCard{padding:12px 14px 14px} .v425DetailHead{display:flex;align-items:center;justify-content:space-between;gap:10px} .v425DetailHead>b{font-size:15px;color:#15303b} .v425DetailHead .v420PeriodBadge{margin-left:auto} .v425DetailCard .v414FullButton{margin-top:12px} .v414LiveStripHead .v425Coverage{display:inline-block;color:#067c70;background:#e9f8f4;border-radius:999px;padding:3px 6px;font-size:9px;margin-left:5px;font-weight:800;vertical-align:middle;font-style:normal} .v425StatSection{overflow:visible} .v425StatHeading{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px;background:#f8fbfb;border-radius:14px 14px 0 0} .v425StatHeading>b{font-size:12px;color:#17313b} .v425StatHeading>small{font-size:9px;color:#8796a0} .v425StatBody{padding:8px;border-top:1px solid #e7eeee} .v425StatSection .v417CompactTable{max-height:none;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch} .v425StatSection .v417CompactTable th:first-child,.v425StatSection .v417CompactTable td:first-child{position:sticky!important;left:0!important} .v425StatSection .v424LiveTag{display:inline-block;vertical-align:middle;font-style:normal;font-weight:850;font-size:8px;line-height:1.25;padding:2px 4px;border-radius:5px;background:#e7f7f4;color:#057c6f;white-space:nowrap;margin-left:4px} @media(max-width:430px){.v425DetailCard{padding:10px 12px 12px}.v425DetailCard .v414FullButton{margin-top:10px;padding:11px}.v425StatHeading{padding:10px 11px}} /* Mixed-source 1:1 row: keep LIVE badges readable; the divider rule targets other elements. */ .v414VsTable .v414VsRow>span .v424LiveTag{width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;display:inline-block!important;background:#e7f7f4!important;color:#057c6f!important;vertical-align:middle!important;transform:none!important;line-height:1.25!important} .modal:has(.v425StatSection){max-height:85vh;overflow-y:auto;overscroll-behavior:contain} /* ========================================================= v4.26 — Galaxy Z Fold usability (presentation-only). Closed phones keep the v4.25 arrangement; unfolded widths get readable navigation, larger tap targets, and usable tables. No LIVE/settlement/database functions are modified. ========================================================= */ /* Fold closed / narrow smartphones: ensure tab hit areas are not 34px tall. The horizontal tab rail stays scrollable without shrinking labels. */ @media (max-width:390px){ .v370Header .v370Tabs{overscroll-behavior-x:contain;scroll-padding-inline:8px;touch-action:pan-x;} .v370Header .v370Tab{ min-height:44px!important;height:44px!important;min-width:57px!important; padding-inline:9px!important;font-size:10.6px!important; line-height:1.1!important;touch-action:manipulation; } .v370Header .v370Tab.active{ min-height:46px!important;height:46px!important;min-width:83px!important; font-size:11.2px!important; } .v414PeriodChips button,.v414MorePeriod{min-height:40px;touch-action:manipulation;} .v414MetricTabs button{min-height:40px;touch-action:manipulation;} .v414VsPick select{min-height:44px;} } /* Unfolded Galaxy Z Fold & compact foldable tablets: ~600–900 CSS pixels. All adjustments are deliberately scoped to the medium-width viewport. */ @media (min-width:600px) and (max-width:900px){ /* Global top navigation: larger type and 44+ px controls. */ .v370Header{padding:11px 16px 9px!important;} .v370Brand{gap:11px!important;padding:1px 2px 11px!important;} .v370BrandMark{width:42px!important;height:42px!important;border-radius:13px!important;font-size:20px!important;} .v370BrandText b{font-size:17px!important;line-height:1.15!important;} .v370BrandText span{font-size:11px!important;line-height:1.25!important;margin-top:4px!important;} .v370Tabs{gap:6px!important;scroll-padding-inline:8px;overscroll-behavior-x:contain;touch-action:pan-x;} .v370Tab{ min-width:77px!important;min-height:46px!important;height:46px!important; padding-inline:12px!important;border-radius:12px!important; font-size:13px!important;line-height:1.15!important;touch-action:manipulation; } .v370Tab.active{ min-width:112px!important;min-height:48px!important;height:48px!important; font-size:13.5px!important; } .v370Tab em{font-size:18px!important;} /* Statistics: make the unfolded display useful rather than a stretched phone. */ .v414Analysis{max-width:820px!important;margin-inline:auto!important;} .v414Top b{font-size:24px!important;} .v414Top span{font-size:13px!important;} .v414Top>button,.v414LiveStripHead button{min-width:42px!important;min-height:42px!important;width:42px!important;height:42px!important;} .v414PeriodChips{gap:8px!important;} .v414PeriodChips button,.v414MorePeriod{ min-height:44px!important;padding:9px 14px!important; font-size:12.5px!important;touch-action:manipulation; } .v414Fold>summary{min-height:67px!important;padding:16px 18px!important;} .v414Fold>summary b{font-size:18px!important;} .v414Fold>summary small{font-size:12px!important;} .v420PeriodBadge{font-size:12px!important;padding:7px 11px!important;} .v414FoldBody{padding:16px 18px 19px!important;} .v414MetricTabs{gap:8px!important;margin-bottom:15px!important;} .v414MetricTabs button{min-height:44px!important;font-size:13px!important;padding:10px 15px!important;touch-action:manipulation;} .v414SectionNote b{font-size:17px!important;} .v414SectionNote span{font-size:12px!important;} .v414BarRow{grid-template-columns:31px 67px minmax(100px,1fr) 118px!important;gap:10px!important;min-height:41px!important;} .v414BarRow>b{font-size:13px!important;} .v414BarRow>strong{font-size:14px!important;} .v414Rank{width:29px!important;height:29px!important;font-size:12px!important;} .v414BarTrack{height:12px!important;} .v414TextAction{font-size:13px!important;min-height:44px!important;padding:10px!important;} .v414TrendLegend span{font-size:12px!important;} .v417TrendControl b{font-size:14px!important;} .v417TrendControl label,.v417TrendControl span{font-size:12px!important;} .v417TrendControl select,.v414VsPick select{ min-height:46px!important;font-size:13px!important;padding:9px 13px!important; } .v414HeroGrid small{font-size:12px!important;} .v414HeroGrid span{font-size:11px!important;} .v414HeroGrid>div{padding:15px!important;} .v414LiveStrip small{font-size:11px!important;} .v414LiveStrip b{font-size:19px!important;} .v414LiveStrip span{font-size:10.5px!important;} .v414LiveStrip>div{padding:13px 9px!important;} .v425DetailHead>b{font-size:18px!important;} .v414FullButton{min-height:48px!important;font-size:14px!important;} /* Comparison popups / scrollable statistics: keep sticky headers & player names. */ .v414VsRow{min-height:52px!important;grid-template-columns:100px 1fr 14px 1fr!important;padding:12px 14px!important;gap:9px!important;} .v414VsRow span{font-size:13px!important;} .v414VsRow b{font-size:15px!important;} .v414VsPick{gap:12px!important;} .v414VsPick span{font-size:13px!important;} .v414ModalNote,.v414PopupPeriod{font-size:12px!important;} .v414PopupPeriod b{font-size:13px!important;} .v425StatHeading{padding:13px 16px!important;} .v425StatHeading>b{font-size:15px!important;} .v425StatHeading>small{font-size:11px!important;} .v425StatBody{padding:12px!important;} .v425StatSection .v417CompactTable th, .v425StatSection .v417CompactTable td{ font-size:12.5px!important;line-height:1.35!important; padding:12px 11px!important;min-width:57px!important;max-width:none!important; } .v425StatSection .v417CompactTable th:first-child, .v425StatSection .v417CompactTable td:first-child{ min-width:91px!important;max-width:110px!important; padding-left:12px!important;position:sticky!important;left:0!important; } .v425StatSection .v417CompactTable th:last-child, .v425StatSection .v417CompactTable td:last-child{min-width:80px!important;} .modal:has(.v425StatSection){max-width:min(800px,94vw)!important;max-height:86dvh!important;} /* LIVE: preserve the public board; improve the member input area. */ .v390Live{max-width:840px!important;padding-inline:12px!important;} .v390BoardHead{min-height:54px!important;} .v390BoardRow:not(.head){min-height:49px!important;} .v390BoardRow>strong{font-size:14px!important;} .v390BoardRow .score{font-size:17px!important;} .v390BoardRow .gain{font-size:13px!important;} .v390ProgressGrid{overflow-x:auto;grid-template-columns:repeat(18,minmax(32px,1fr))!important;overscroll-behavior-x:contain;} .v390ProgressGrid button{min-width:32px!important;height:36px!important;} .v390ProgressGrid button span{width:29px!important;height:29px!important;font-size:10px!important;} .v390MyTop>div{min-height:66px!important;} .v390InputHead{min-height:58px!important;padding:8px 12px!important;} .v390InputCol{padding:12px 9px 14px!important;} .v390InputCol label{font-size:13px!important;margin-bottom:9px!important;} .v390Stepper,.v390Stepper button,.v390Stepper b,.v390TeeBtns button{min-height:52px!important;height:52px!important;} .v390Stepper button{font-size:29px!important;} .v390Stepper b{font-size:21px!important;} .v390TeeBtns button{font-size:13px!important;} .v390SaveNav>button{min-height:58px!important;} .v390SaveNav .v370SaveOnly span,.v390SaveNav .v370NextOnly span{font-size:15px!important;} .v390Live .v365Actions>button{min-height:46px!important;} .v390Live .v365Actions b{font-size:13px!important;} .v390Live .v365Actions small{font-size:10px!important;} .v390MyHead button{min-height:40px!important;font-size:11px!important;} } /* v4.26 fix: at 701–900px the legacy 205px desktop-sidebar gutter persisted after the sidebar was hidden. This made an unfolded Fold look like a narrow phone on the right side of a large blank strip. */ @media (min-width:701px) and (max-width:900px){ .v365Shell .main{ margin-left:0!important;width:100%!important;max-width:none!important; padding:14px 18px 56px!important; } .v365Shell .sidebar{display:none!important;} } /* Keep the compact top nav finger-friendly on other closed Fold sizes. */ @media (min-width:391px) and (max-width:599px){ .v370Header .v370Tabs{overscroll-behavior-x:contain;scroll-padding-inline:8px;} .v370Header .v370Tab{min-height:44px!important;height:44px!important;min-width:60px!important;font-size:11px!important;touch-action:manipulation;} .v370Header .v370Tab.active{min-height:46px!important;height:46px!important;min-width:85px!important;font-size:11.5px!important;} } /* v4.28 — Main Player selector, simple settlement comparison */ .v428PlayerPicker{position:relative;display:inline-flex;align-items:center;min-height:44px;max-width:100%;} .v428PlayerPicker::after{content:'⌄';position:absolute;right:7px;top:50%;transform:translateY(-53%);font-size:20px;font-weight:800;color:#0d827d;pointer-events:none;} .v428PlayerPicker select{appearance:none;-webkit-appearance:none;display:block;border:1px solid transparent;background:transparent;color:#102638;max-width:100%;min-height:44px;padding:3px 29px 3px 0;border-radius:8px;font-size:23px;font-weight:900;line-height:1.25;cursor:pointer;touch-action:manipulation;} .v428PlayerPicker select:focus-visible{outline:2px solid #0d827d;outline-offset:2px;background:#f8fbfb;} @media(max-width:420px){.v428PlayerPicker select{font-size:22px;}} @media(min-width:600px) and (max-width:900px){.v428PlayerPicker select{font-size:26px;min-height:48px;}} /* v4.29 — Player > 멤버 비교: nine metrics in exactly two accessible rows. Row 1: five settlement/score choices, row 2: four LIVE choices. Only the button layout & shortened narrow-width labels change. */ details[data-v414-fold="compare"] .v414MetricTabs{ display:grid!important; grid-template-columns:repeat(20,minmax(0,1fr)); gap:7px 5px!important; overflow:visible!important; max-width:780px; margin-bottom:14px!important; } details[data-v414-fold="compare"] .v414MetricTabs button{ grid-column:span 4; display:flex!important; align-items:center; justify-content:center; gap:2px; box-sizing:border-box; width:100%;min-width:0!important; min-height:44px!important; padding:7px 3px!important; font-size:clamp(10px,2.75vw,13px)!important; letter-spacing:-.025em; line-height:1.1; white-space:nowrap; touch-action:manipulation; } details[data-v414-fold="compare"] .v414MetricTabs button:nth-child(n+6){grid-column:span 5;} details[data-v414-fold="compare"] .v414MetricTabs .v429MetricLong{display:none;} details[data-v414-fold="compare"] .v414MetricTabs .v429MetricShort{display:inline;} details[data-v414-fold="compare"] .v414MetricTabs button .v424LiveTag{margin-left:1px!important;font-size:7px;letter-spacing:0;flex-shrink:0;padding:2px 3px;} @media(max-width:375px){ details[data-v414-fold="compare"] .v414MetricTabs{column-gap:3px!important;} details[data-v414-fold="compare"] .v414MetricTabs button{padding:7px 1px!important;font-size:10px!important;letter-spacing:-.04em;} details[data-v414-fold="compare"] .v414MetricTabs button .v424LiveTag{font-size:6.5px;padding:2px;} } @media(min-width:650px){ details[data-v414-fold="compare"] .v414MetricTabs .v429MetricLong{display:inline;} details[data-v414-fold="compare"] .v414MetricTabs .v429MetricShort{display:none;} details[data-v414-fold="compare"] .v414MetricTabs button{font-size:13px!important;padding:9px 7px!important;min-height:46px!important;} details[data-v414-fold="compare"] .v414MetricTabs button .v424LiveTag{font-size:8px;} } /* v4.32 — compact radar entry and finger-friendly responsive LIVE radar popup */ .v432RadarCard{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #dbe6e8;border-radius:19px;padding:15px 17px;margin:0 0 10px;box-shadow:0 8px 22px rgba(31,62,73,.045)} .v432RadarCard>div{display:grid;gap:4px;min-width:0} .v432RadarCard b{font-size:15px;color:#17313b;display:flex;gap:6px;align-items:center} .v432RadarCard small{font-size:11px;color:#81949b} .v432RadarCard button{flex:0 0 auto;color:#087b73;background:#eff9f7;border:1px solid #cbe4df;border-radius:12px;padding:12px 11px;font-size:12px;font-weight:850;min-height:44px;cursor:pointer} .v432RadarModal{max-width:680px!important} .v432RadarHint{font-size:12px;color:#526d77;margin:8px 0 11px} .v432RadarChoices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 11px} .v432RadarChoices button{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px;background:#f8fbfb;border:1px solid #dbe6e8;border-radius:11px;color:#596f78;font-size:12px;font-weight:850;min-height:44px;padding:7px 3px;cursor:pointer} .v432RadarChoices button.active{border-color:#99d2c9;background:#eff9f7;color:#193b45;box-shadow:inset 0 0 0 1px #99d2c9} .v432RadarChoices button>i,.v432RadarPlayerLine i{width:9px;height:9px;flex:none;border-radius:50%;background:var(--radar-color,#13877c)} .v432RadarChoices button small{font-size:9px;white-space:nowrap;color:#82959e;margin-left:1px} .v432RadarChart{margin:4px auto 10px;max-width:440px} .v432RadarChart svg{display:block;width:100%;height:auto;overflow:visible} .v432RadarEmpty{padding:48px 12px;text-align:center;color:#6a8089;background:#f7fbfa;border-radius:14px;font-size:13px} .v432RadarData{border-top:1px solid #e4eaec;padding-top:7px} .v432RadarPlayerLine{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 7px} .v432RadarPlayerLine>b{display:flex;align-items:center;gap:6px;font-size:13px;color:#1a3540} .v432RadarPlayerLine>span{font-size:11px;color:#73868e} .v432RadarValues{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px} .v432RadarValues>div{min-width:0;display:grid;justify-items:center;gap:3px;background:#f4f8f9;border-radius:11px;padding:10px 2px} .v432RadarValues small{font-size:10px;font-weight:800;color:#6a7f8a} .v432RadarValues b{font-size:13px;color:#19333e;font-variant-numeric:tabular-nums} .v432RadarValues span{font-size:10px;font-weight:850;color:#008877} .v432RadarCriteria{margin-top:15px;padding:11px 12px;border:1px solid #e1eaec;border-radius:12px;background:#fbfdfd;color:#627b82} .v432RadarCriteria summary{cursor:pointer;font-size:12px;font-weight:800;color:#32616a;min-height:28px;display:list-item} .v432RadarCriteria>div{padding:7px 0 3px} .v432RadarCriteria p{display:flex;justify-content:space-between;gap:8px;margin:5px 0;font-size:11px} .v432RadarCriteria small{display:block;font-size:10px;line-height:1.45;color:#88979c} @media(max-width:420px){ .v432RadarCard{padding:13px 11px} .v432RadarCard b{font-size:14px} .v432RadarCard button{font-size:11px;padding:11px 9px} .v432RadarModal{padding:18px 14px!important} .v432RadarChoices{gap:4px} .v432RadarChoices button{font-size:10px;padding:6px 2px} .v432RadarChoices button>i{width:7px;height:7px} .v432RadarChoices button small{font-size:8px} .v432RadarValues{gap:3px} .v432RadarValues>div{padding:8px 1px} .v432RadarValues b{font-size:11px} .v432RadarValues small{font-size:9px} } /* v4.32 LIVE sample ratio / mobile period rail — only statistics UI changed. Keep all five choices and the quarter menu visible (no clipped '전체'). */ @media (max-width: 599px) { .v414Analysis .v414PeriodBar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px; min-width: 0; } .v414Analysis .v414PeriodChips { display: flex; width: 100%; min-width: 0; overflow: visible !important; gap: 3px; justify-content: space-between; padding: 0; } .v414Analysis .v414PeriodChips button { flex: 1 1 auto; min-width: 0; padding: 7px 4px; font-size: clamp(9px, 2.5vw, 10.8px); letter-spacing: -.45px; white-space: nowrap; text-align: center; box-sizing: border-box; } .v414Analysis .v414MorePeriod { flex: 0 0 auto; padding: 7px 6px; font-size: clamp(9px, 2.5vw, 10.8px); letter-spacing: -.45px; white-space: nowrap; box-sizing: border-box; } } /* The score-type table has no '경기' column: show that player's sample beside their name. */ .v418ScoreTable .v434LiveRowCount { display: block; font-size: 9px; line-height: 1.3; color: #728993; font-weight: 750; white-space: nowrap; margin-top: 2px; } /* v4.33: preserve all 6 period selections on narrow Android browsers. */ @media (max-width: 599px) { .v414Analysis .v414PeriodChips { gap: 3px !important; overflow: visible !important; } .v414Analysis .v414PeriodChips button { padding: 8px 2px !important; font-size: clamp(9px, 2.45vw, 11px) !important; min-width: 0 !important; min-height: 44px !important; } .v414Analysis .v414MorePeriod { padding: 8px 4px !important; font-size: clamp(9px, 2.45vw, 11px) !important; min-height: 44px !important; } } /* v4.33 FINAL — Player statistics 1–5 only. Reuse original palette and layout. */ .v433TrendMetricRail{position:relative;min-width:0;} .v433TrendMetricRail .v414MetricTabs{min-width:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;} .v433TrendMetricRail .v433SwipeCue{display:none;} @media(max-width:599px){ .v433TrendMetricRail.v433HasOverflow:not(.v433AtEnd) .v433SwipeCue{ display:grid;place-items:center;position:absolute;right:0;top:0; width:30px;height:44px;pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,0),#fff 65%); color:#0b8177;font-size:23px;font-weight:850; } } .v433TrendPoint{cursor:pointer;outline:none;} .v433TrendPoint:focus-visible circle:first-child{stroke:#163e48;stroke-width:2.5px;} .v433TrendPointInfo[hidden]{display:none!important;} .v433TrendPointInfo{display:flex;align-items:center;justify-content:space-between;gap:8px; padding:9px 11px;margin-top:7px;background:#f1faf8;border:1px solid #cbe4df; border-radius:11px;color:#20454f;} .v433TrendPointInfo span{display:grid;gap:3px;min-width:0;} .v433TrendPointInfo b{font-size:11px;font-weight:850;} .v433TrendPointInfo small{font-size:11px;color:#53717a;} .v433TrendPointInfo strong{color:#0b8177;font-size:12px;} .v433TrendPointInfo button{border:0;background:transparent;min-width:32px;min-height:32px; border-radius:9px;color:#53717a;font-size:22px;cursor:pointer;} /* Tighten whitespace, not the chart geometry or statistics card hierarchy. */ .v414Fold[data-v414-fold="trend"] .v414TextAction{ margin-top:1px!important;padding:5px 8px!important;min-height:40px!important; } .v414Fold[data-v414-fold="trend"] .v414FoldBody{padding-bottom:12px!important;} .v425DetailCard{padding:10px 13px 12px!important;} .v425DetailCard .v414FullButton{margin-top:7px!important;padding:9px 12px!important;min-height:44px!important;} @media(max-width:430px){ .v425DetailCard{padding:9px 12px 11px!important;} .v425DetailCard .v414FullButton{margin-top:7px!important;padding:9px 11px!important;} } /* v4.33.2 — compact course recall and verified-PAR dot; original layout/colors unchanged. */ .v4332ImportRow{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin:10px 0 8px} .v4332ImportRow button{font-size:11px!important;padding:7px 10px!important;min-height:34px!important} .v4332ImportRow small,.v4332ImportMsg{color:#64748b;font-size:10px;line-height:1.5} .v4332ImportPanel{background:#f8fafc;border:1px solid #e5eaf1;border-radius:10px;padding:10px;margin:5px 0 11px} .v4332ImportPanel[hidden]{display:none!important} .v4332ImportPicks{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:end;gap:6px} .v4332ImportPicks label{min-width:0;font-size:11px;font-weight:800} .v4332ImportPicks select{display:block;width:100%;min-width:0;margin-top:4px;font-size:12px;padding:8px 4px;border:1px solid #dce3ec;border-radius:8px;background:#fff} .v4332Swap{min-height:37px!important;padding:6px!important;font-size:19px!important} .v4332ImportMsg{margin:8px 1px 0} .parGrid .v4332ParCell{position:relative;padding-bottom:8px!important} .parGrid .v4332ParDot{display:none!important;position:absolute;bottom:0;left:50%;width:5px;height:5px;border-radius:50%;transform:translateX(-50%);background:#178a6b;pointer-events:none} .parGrid .v4332ParVerified .v4332ParDot{display:block!important} .parGrid .v4332ParCell>span{cursor:pointer} /* v4.33.5 · LIVE completed-result fund rollover only */ .v435FundWrap .v435FundHead{background:#fff8f0!important} .v435FundHead .v378SectionTitle b{font-size:14px!important} .v435FundHead>strong{font-size:13px!important} .v435FundBody{padding:10px 11px 10px;background:#fff} .v435FundHero{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;padding:13px 12px;border:1px solid #e3e8f0;background:#eff4ff} .v435FundHero>span{font-size:12px;font-weight:900;color:#48596e} .v435FundHero>strong{font-size:23px;line-height:1.15;font-weight:1000;white-space:nowrap;letter-spacing:-.8px;color:#173d7a} .v435FundHero.pay{background:#e8f3ff;border-color:#b5d5ff} .v435FundHero.pay>strong{color:#1457a5} .v435FundHero.credit{background:#eaf7ef;border-color:#b9dfc9} .v435FundHero.credit>strong{color:#13734e} .v435FundGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0 7px} .v435FundGrid>div{min-width:0;display:grid;gap:4px;border:1px solid #ecf0f4;border-radius:9px;padding:9px 8px;background:#fbfcfe} .v435FundGrid span{font-size:10.5px;color:#76849a;font-weight:850;white-space:nowrap} .v435FundGrid b{font-size:14px;font-weight:950;white-space:nowrap;color:#243347} .v435FundGrid b.gain{color:#16845f!important} .v435FundGrid b.loss{color:#b84d1c!important} .v435FundAction{display:flex;align-items:center;gap:7px;justify-content:flex-end;flex-wrap:wrap;margin:5px 0 0} .v435Paid{font-size:11px;font-weight:900} .v435Paid.ok{color:#16845f} .v435Paid.pending{color:#b84d1c} .v435PaidNote{font-size:9px;color:#8793a3} .v435FundAction button{border:1px solid #c8d7e9;background:#fff;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:900;color:#255a93;cursor:pointer} .v435FundFine{margin:10px 0 2px;border-top:1px solid #edf0f3;padding-top:8px} .v435FundFine>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;color:#66768a;font-size:11px;font-weight:850} .v435FundFine>summary::-webkit-details-marker{display:none} .v435FundFine summary em{font-style:normal} .v435FundFine .v378PnLRows{padding:6px 4px 0;gap:3px} .v435StartNote{display:block;margin-top:8px;color:#8795a4;font-size:9px} .v435Birdie>summary{background:#f7faff!important} .v435Birdie .v378SectionTitle small{font-size:9px;color:#8b99aa;font-weight:700} .v435FundWrap .v378Spend{margin-top:7px!important} .v435FundWrap .v378Spend .v378SectionTitle>span:last-child small{font-size:9px!important} @media(max-width:520px){ .v435FundBody{padding:8px} .v435FundHero{padding:11px 9px;gap:6px} .v435FundHero>span{font-size:10.5px} .v435FundHero>strong{font-size:21px} .v435FundGrid{gap:5px} .v435FundGrid>div{padding:8px 7px} .v435FundGrid span{font-size:9px} .v435FundGrid b{font-size:12px} .v435FundWrap .v378Spend .v378SectionTitle>span:last-child small{font-size:7.2px!important} } /* v4.33.6 FINAL — fund result clarity: quiet summary, prominent deposit/credit. No original global theme or betting calculation is changed. */ .v435FundWrap .v435FundHead{background:#fffaf5!important} .v435FundBody{padding:11px 12px 10px} .v435FundHero{min-height:66px;padding:14px 14px;border-radius:12px;gap:9px} .v435FundHero>span{font-size:13px;color:#385373} .v435FundHero>strong{font-size:clamp(21px,4.5vw,28px);line-height:1.16;font-weight:950;letter-spacing:-.7px} .v435FundHero.pay{background:#eaf3ff;border:1px solid #bcd6f3} .v435FundHero.pay>span,.v435FundHero.pay>strong{color:#14539a} .v435FundHero.credit{background:#edf8f1;border:1px solid #cae7d4} .v435FundHero.credit>span,.v435FundHero.credit>strong{color:#126744} .v435FundHero.neutral{background:#f5f7fa;border:1px solid #e3e8ef} .v435FundGrid{gap:7px;margin:9px 0 7px} .v435FundGrid>div{padding:8px 9px;gap:3px;border:1px solid #e9edf2;border-radius:9px;background:#fafbfc} .v435FundGrid span{color:#6c7b8d;font-size:10.5px} .v435FundGrid b{font-size:13.5px} .v435FundGrid>div.v436HasCredit{background:#f4faf6;border-color:#e0efe5} .v435FundGrid>div.v436HasCredit b{color:#176f4f!important} .v436PaymentManage{margin:8px 0 4px;border:0;background:none} .v436PaymentManage>summary{font-size:10px;color:#7b899a;font-weight:750;cursor:pointer;list-style:none;display:flex;align-items:center;gap:4px;justify-content:flex-end} .v436PaymentManage>summary::-webkit-details-marker{display:none} .v436PaymentManage>summary em{font-size:11px;font-style:normal} .v436PaymentManage[open]>summary em{transform:rotate(180deg)} .v436PaymentManageBody{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:8px 0 0;flex-wrap:wrap} .v436PaymentManageBody small{color:#738399;font-size:10px} .v436PaymentManageBody button{border:1px solid #d1dce9;border-radius:8px;padding:6px 9px;background:#fff;font-size:10px;font-weight:800;color:#345675} .v435FundWrap .v378Spend .v436SpendDeposit{background:#f2f7fd;border-radius:6px;padding:0 5px;margin-top:5px} .v435FundWrap .v378Spend .v436SpendDeposit>b{color:#15569a!important;font-weight:950} @media(max-width:520px){ .v435FundBody{padding:9px} .v435FundHero{padding:12px 10px;min-height:62px} .v435FundHero>span{font-size:11px} .v435FundHero>strong{font-size:22px} .v435FundGrid{gap:6px} .v435FundGrid>div{padding:8px 7px} .v435FundGrid span{font-size:9.5px} .v435FundGrid b{font-size:12px} } /* ============================================================ v4.33.7 FINAL — compact fund summary & coherent result accents Scoped to the LIVE completed result screen only. ============================================================ */ /* Match the existing light-blue birdie section, on the header only. */ .v435FundWrap .v435Settlement>summary.v435FundHead, .v435FundWrap .v435Birdie>summary, .v435FundWrap .v378Spend>summary{ background:#f7faff!important; border-bottom-color:#e1eaf7!important; } .v435FundWrap .v435FundHead .v378Icon.amber{ background:#edf4ff;color:#2d6cdf; } /* One shared soft-red box for deposit and next-round carry-over. */ .v435FundWrap .v435FundHero, .v435FundWrap .v435FundHero.pay, .v435FundWrap .v435FundHero.credit, .v435FundWrap .v435FundHero.neutral{ background:#fff0ee!important; border:1px solid #efd0cb!important; } .v435FundWrap .v435FundHero>span{color:#725450!important} .v435FundWrap .v435FundHero>strong.loss{color:#b64137!important} .v435FundWrap .v435FundHero>strong.gain{color:#13734e!important} .v435FundWrap .v435FundHero>strong.neutral{color:#606e7c!important} /* The four numbers remain, but become one compact, divided 2x2 grid. */ .v435FundWrap .v435FundGrid{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:0!important;margin:7px 0 3px!important; border:1px solid #e6ebf1;border-radius:10px; overflow:hidden;background:#fafbfc; } .v435FundWrap .v435FundGrid>div, .v435FundWrap .v435FundGrid>div.v436HasCredit{ min-width:0;min-height:43px;padding:6px 9px!important; gap:2px!important;border:0!important;border-radius:0!important; background:transparent!important; } .v435FundWrap .v435FundGrid>div:nth-child(odd){border-right:1px solid #e6ebf1!important} .v435FundWrap .v435FundGrid>div:nth-child(-n+2){border-bottom:1px solid #e6ebf1!important} .v435FundWrap .v435FundGrid span{font-size:10px!important;line-height:1.15} .v435FundWrap .v435FundGrid b{font-size:13px!important;line-height:1.15} .v435FundWrap .v435FundGrid b.gain, .v435FundWrap .v435FundGrid>div.v436HasCredit b.gain{color:#16845f!important} .v435FundWrap .v435FundGrid b.loss{color:#b64137!important} .v435FundWrap .v435FundGrid b.neutral{color:#405065!important} .v435FundWrap .v435FundFine{margin-top:8px} .v435FundWrap .v435FundFine[open] summary em{transform:rotate(180deg)} .v435FundWrap .v435FundFine summary em{transition:transform .18s ease} .v435FundWrap .v378Spend .v436SpendDeposit>b.loss{color:#b64137!important} .v435FundWrap .v378Spend .v436SpendDeposit>b.neutral{color:#405065!important} /* Green column and row axes only on the "전체 스코어" table. */ .v412ScorePage .v412ScoreScroll thead th{ background:#e5f3eb!important;color:#1e684b!important; } .v412ScorePage .v412ScoreScroll tbody tr>th:first-child, .v412ScorePage .v412ScoreScroll tr.v412Selected>th:first-child{ background:#eaf6ee!important;color:#1e684b!important; } .v412ScorePage .v412ScoreScroll thead th:last-child{ background:#d9ecdf!important;color:#1e684b!important; } @media(max-width:520px){ .v435FundWrap .v435FundGrid>div, .v435FundWrap .v435FundGrid>div.v436HasCredit{min-height:40px;padding:6px 8px!important} .v435FundWrap .v435FundGrid span{font-size:9.5px!important} .v435FundWrap .v435FundGrid b{font-size:12px!important} } /* v4.33.8 — restrained single-neutral visual language for LIVE settlement. Status meaning is conveyed by money figures alone (red loss / green gain). No effect on other tabs or on the green scorecard axes. */ .v435FundWrap .v435Settlement>summary.v435FundHead, .v435FundWrap .v435Birdie>summary, .v435FundWrap .v378Spend>summary{ background:#f8fafc!important; border-bottom-color:#e5e9ef!important; } .v435FundWrap .v435FundHead .v378Icon.amber, .v435FundWrap .v435Birdie .v378Icon.blue, .v435FundWrap .v378Spend .v378Icon.blue{ background:#f0f3f7!important; color:#566475!important; } .v435FundWrap .v435FundHero, .v435FundWrap .v435FundHero.pay, .v435FundWrap .v435FundHero.credit, .v435FundWrap .v435FundHero.neutral{ background:#f8fafc!important; border:1px solid #e6eaf0!important; box-shadow:none!important; } .v435FundWrap .v435FundHero>span{color:#596779!important} .v435FundWrap .v435FundHero>strong.loss, .v435FundWrap .v435FundGrid b.loss, .v435FundWrap .v378Spend .v436SpendDeposit>b.loss{color:#b74743!important} .v435FundWrap .v435FundHero>strong.gain, .v435FundWrap .v435FundGrid b.gain, .v435FundWrap .v435FundGrid>div.v436HasCredit b.gain{color:#16805e!important} .v435FundWrap .v435FundHero>strong.neutral{color:#344054!important} .v435FundWrap .v435FundGrid{background:#fff!important;border-color:#e6eaf0!important} .v435FundWrap .v435FundGrid>div:nth-child(odd){border-right-color:#e6eaf0!important} .v435FundWrap .v435FundGrid>div:nth-child(-n+2){border-bottom-color:#e6eaf0!important} .v435FundWrap .v435FundGrid>div, .v435FundWrap .v435FundGrid>div.v436HasCredit{ background:#fff!important; } .v435FundWrap .v378Spend .v436SpendDeposit{ background:transparent!important; border-radius:0!important; padding:0!important; } .v435FundWrap .v378Spend .v436SpendDeposit>b.neutral{color:#344054!important} /* v4.33.10 FINAL — completed LIVE result / fund-settlement card only. Keep v4.33.8 restrained palette; emphasize the final amount once. */ .v435FundWrap .v435Settlement[open]>summary.v435FundHead>strong{display:none!important} .v435FundWrap .v435FundHead>strong.loss{color:#b74743!important} .v435FundWrap .v435FundHead>strong.gain{color:#16805e!important} .v435FundWrap .v435FundHead>strong.neutral{color:#344054!important} .v435FundWrap .v43310FundInputs{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); margin:9px 0 0!important;gap:0!important; overflow:hidden;border:0!important;border-bottom:1px solid #e6eaf0!important; border-radius:0!important;background:#fff!important; } .v435FundWrap .v43310FundInputs>div{ min-height:44px!important;padding:6px 8px 9px!important; gap:4px!important;border:0!important;border-radius:0!important; background:transparent!important; } .v435FundWrap .v43310FundInputs>div:first-child{ border-right:1px solid #e6eaf0!important; } .v435FundWrap .v43310FundInputs>div:nth-child(2){border-right:0!important} .v435FundWrap .v43310FundInputs span{white-space:nowrap} .v435FundWrap .v43310FundInputs span small{ font-size:9px!important;font-weight:650;color:#8b96a7; } .v435FundWrap .v43310FundFoot{ display:flex;align-items:center;justify-content:space-between; gap:8px;padding:9px 8px 3px;font-size:11px; color:#66768a;font-weight:800; } .v435FundWrap .v43310FundFoot b{ font-size:12.5px;font-weight:900;color:#344054;white-space:nowrap; } @media(max-width:520px){ .v435FundWrap .v43310FundInputs>div{min-height:41px!important;padding:6px 7px 8px!important} .v435FundWrap .v43310FundInputs span small{font-size:8px!important} .v435FundWrap .v43310FundFoot{font-size:10px;padding:8px 7px 2px} .v435FundWrap .v43310FundFoot b{font-size:12px} } /* v4.33.11 FINAL — round memo defaults collapsed, without changing other memo editors. */ .v378Memo.v43311RoundMemo>summary.v378MemoTitle{ display:flex;align-items:center;gap:7px;margin-bottom:0; cursor:pointer;list-style:none;user-select:none; } .v378Memo.v43311RoundMemo>summary.v378MemoTitle::-webkit-details-marker{display:none} .v378Memo.v43311RoundMemo>summary.v378MemoTitle>em{ margin-left:auto;font-size:16px;font-style:normal;color:#758399; transition:transform .15s ease; } .v378Memo.v43311RoundMemo[open]>summary.v378MemoTitle>em{transform:rotate(180deg)} .v378Memo.v43311RoundMemo>textarea, .v378Memo.v43311RoundMemo>p{margin-top:6px} /* v4.33.14 FINAL — LIVE navigation, PAR labels, tee input, scorecard legibility. Scope changes only to active LIVE widgets / detailed LIVE scorecard. */ .v390Live .v365Actions.v43314LiveActions{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important;padding:0 4px!important;margin-top:7px!important;margin-bottom:7px!important; } .v390Live .v365Actions.v43314LiveActions>button, .v390Live .v365Actions.v43314LiveActions>button:first-child, .v390Live .v365Actions.v43314LiveActions>button:last-child{ min-width:0!important;min-height:56px!important;padding:5px 2px!important; display:flex!important;flex-direction:column!important;align-items:center!important; justify-content:center!important;gap:2px!important;text-align:center!important; background:transparent!important;background-image:none!important;border:0!important; border-radius:0!important;box-shadow:none!important; } .v390Live .v365Actions.v43314LiveActions>button+button{ border-left:1px solid #e2e9e9!important; } .v390Live .v365Actions.v43314LiveActions .icon{ width:19px!important;height:19px!important;flex:none!important; display:grid!important;place-items:center!important;margin:0 auto!important; } .v390Live .v365Actions.v43314LiveActions .icon svg{width:18px!important;height:18px!important} .v390Live .v365Actions.v43314LiveActions>button>div{min-width:0!important;width:100%!important} .v390Live .v365Actions.v43314LiveActions b{ font-size:clamp(10px,2.85vw,12px)!important;line-height:1.18!important; font-weight:850!important;white-space:nowrap!important;letter-spacing:-.35px!important; } .v390Live .v365Actions.v43314LiveActions small{ display:block!important;font-size:clamp(8px,2.15vw,9.5px)!important; margin-top:2px!important;line-height:1.15!important;white-space:nowrap!important; } .v390Live .v365Actions.v43314LiveActions em{display:none!important} /* MY PLAY right action opens existing 18-hole scorecard. */ .v390Live .v405MyActions [data-v362-tool="scorecard"]{ white-space:nowrap!important;font-size:clamp(10px,2.7vw,12px)!important; padding-inline:10px!important; } /* Separate 11H and PAR 4; only the PAR label increases one step. */ .v390Live .v390BoardCenter{gap:clamp(8px,2.2vw,12px)!important} .v390Live .v390BoardCenter span{font-size:clamp(11px,2.85vw,13px)!important} .v390Live .v390HoleTitle{gap:clamp(7px,1.8vw,10px)!important} .v390Live .v390HoleTitle span{font-size:clamp(11px,2.75vw,13px)!important} /* Preserve original tee text colors; only unselected fills change to pure white. */ .v390Live .v390TeeBtns button[data-value="ob"]:not(.sel), .v390Live .v390TeeBtns button[data-value="hazard"]:not(.sel){background:#fff!important} /* Emphasize scorecard values; unchanged columns, borders and scroll behavior. */ .v412RecordTable tbody tr:not(.holeMemoDetail)>td:nth-child(1), .v412RecordTable tbody tr:not(.holeMemoDetail)>td:nth-child(2), .v412RecordTable tbody tr:not(.holeMemoDetail)>td:nth-child(3), .v412RecordTable tbody tr:not(.holeMemoDetail)>td:nth-child(5), .v412RecordTable tbody tr:not(.holeMemoDetail)>td:nth-child(6), .v412RecordTable tbody tr:not(.holeMemoDetail)>td:nth-child(7){ font-weight:800!important;font-size:clamp(11px,2.65vw,13px)!important; font-variant-numeric:tabular-nums; } .v412RecordTable tbody tr:not(.holeMemoDetail)>td:nth-child(3){font-weight:900!important} /* v4.33.17: LIVE member sheet — 18-hole scorecard, no changes to other modals */ .v390BottomSheet:has([data-v43317-member-sheet]){max-height:88dvh!important;overscroll-behavior:contain} .v43317Scorecard{margin-top:12px;border:1px solid #dbe5e9;border-radius:15px;padding:11px 10px 9px;background:#fff;color:#16283b;overflow:hidden} .v43317ScoreHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px} .v43317ScoreHead>div{display:grid;gap:3px;min-width:0} .v43317ScoreHead b{font-size:15px;color:#152335;letter-spacing:-.35px} .v43317ScoreHead small{font-size:10.5px;color:#68798a;font-weight:750} .v43317RealtimeMark{white-space:nowrap;font-size:10px;color:#0b8377;font-weight:900;background:#eaf7f3;padding:5px 8px;border-radius:20px} .v43317HalfTabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:11px} .v43317HalfTabs button{min-height:38px;border:1px solid #dce5e9!important;background:#f2f6f7;color:#607386;border-radius:10px;font-weight:900;font-size:12px;cursor:pointer} .v43317HalfTabs button span{font-size:10px;opacity:.75;margin-left:3px} .v43317HalfTabs button.active{color:#fff!important;background:#07847a!important;border-color:#07847a!important} .v43317ScoreScroll{overflow-x:auto;overflow-y:hidden;max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:10px;border:1px solid #e1e9ee;scrollbar-width:thin} .v43317ScoreTable{width:100%;min-width:555px;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#19283a;font-variant-numeric:tabular-nums} .v43317ScoreTable th,.v43317ScoreTable td{font-size:11px;text-align:center;vertical-align:middle;white-space:nowrap;min-width:46px;height:35px;border-right:1px solid #e8eef2;border-bottom:1px solid #e9eff2;padding:4px 3px} .v43317ScoreTable th:first-child{width:58px;min-width:58px;position:sticky;left:0;z-index:2;background:#eef5f6;font-size:10px;color:#465968} .v43317ScoreTable thead th{font-size:11px;background:#ebf4f4;font-weight:900;color:#226c72;position:sticky;top:0;z-index:1} .v43317ScoreTable thead th:first-child{z-index:3} .v43317ScoreTable tr:last-child td,.v43317ScoreTable tr:last-child th{border-bottom:0} .v43317ScoreTable th:last-child,.v43317ScoreTable td:last-child{border-right:0} .v43317ScoreTable .v43317Sum{width:48px;font-weight:900;background:#eaf5f2;color:#04766d} .v43317ScoreTable .v43317ScoreRow td{font-size:13px;font-weight:950} .v43317ScoreTable .v43317DiffRow td{font-weight:850} .v43317ScoreTable .birdie,.v43317ScoreTable .eagle{color:#c53c56;background:#fff0f3} .v43317ScoreTable .par{color:#087e6f;background:#f0faf7} .v43317ScoreTable .bogey,.v43317ScoreTable .over{color:#a65a18} .v43317ScoreTable .missing{color:#a6b0b9!important} .v43317ScoreTable .ob{color:#be3157;font-size:10px;font-weight:900} .v43317ScoreTable .hzd{color:#b97c16;font-size:10px;font-weight:900} .v43317ScoreTable .gir{color:#078778;font-weight:950} .v43317ScoreNote{margin:9px 2px 1px;font-size:10px;color:#778694;line-height:1.5} @media(max-width:520px){ .v43317Scorecard{padding:10px 8px 8px} .v43317ScoreHead b{font-size:14px}.v43317ScoreHead small{font-size:9.5px} .v43317ScoreTable{min-width:540px} .v43317HalfTabs button{font-size:11px} } /* =========================================================== v4.33.18: Single-screen PLAYER SCORECARD presentation Keep all ordinary scores neutral. Color only birdie-or-better, OB/HZD and 3+ putts, per user request. =========================================================== */ .modal.v390BottomSheet:has(.v43318Sheet){max-height:96dvh!important;overflow-y:auto!important;padding:8px 11px 11px!important;border-radius:20px 20px 0 0!important;overscroll-behavior:contain} .v43318Sheet{color:#17293b} .v43318Sheet .v370SheetHandle{margin-bottom:8px!important} .v43318Sheet .v43318Header{margin:0 0 9px!important;align-items:center} .v43318Sheet .v43318Header .eyebrow{color:#128b7e!important;font-size:10px!important;line-height:1.1;letter-spacing:0!important} .v43318Sheet .v43318Header h2{font-size:20px!important;margin:3px 0 0!important;line-height:1.2!important;font-weight:900;letter-spacing:-.5px} .v43318Sheet .v43318Header .iconBtn{width:36px!important;height:36px!important;font-size:23px!important;border-radius:11px!important} .v43318Sheet .v390PlayerTabs{gap:5px;margin-bottom:8px} .v43318Sheet .v390PlayerTabs button{height:35px!important;border-radius:9px!important;font-size:11px!important;white-space:nowrap} .v43318Headline{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:13px;background:linear-gradient(100deg,#e7f7f3,#f2faf9);border:1px solid #dcece8;min-height:58px;padding:8px 13px;margin-bottom:7px} .v43318Current{display:flex;align-items:center;gap:14px;white-space:nowrap} .v43318Current>span{color:#567b78;font-size:11px;font-weight:830} .v43318Current strong{color:#057d74;font-size:30px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums} .v43318SummaryRight{border-left:1px solid #c9ddda;display:grid;gap:3px;padding-left:12px;text-align:right;font-size:10px;font-weight:800;color:#657e87} .v43318SummaryRight b{color:#263b4a;font-size:13px} .v43318StatGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dfe8ed;overflow:hidden;border-radius:12px;margin-bottom:7px;background:#fff} .v43318StatGrid .v43318Stat{min-width:0;height:57px;border-right:1px solid #e5ebef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px} .v43318StatGrid .v43318Stat:last-child{border-right:0} .v43318Stat>span{font-size:10px;color:#687d8c;font-weight:830;line-height:1.1;white-space:nowrap} .v43318Stat>div{display:flex;align-items:baseline;gap:2px;white-space:nowrap} .v43318Stat b{font-size:19px;line-height:1;font-weight:950;color:#1b3041;font-variant-numeric:tabular-nums} .v43318Stat small{font-size:8px;line-height:1;color:#8b9ca6;font-weight:800} .v43318Types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #e0e7eb;overflow:hidden;border-radius:11px;margin-bottom:7px;background:#fff} .v43318Types>div{height:42px;min-width:0;border-right:1px solid #e8eff2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px} .v43318Types>div:last-child{border-right:0} .v43318Types span{font-size:9px;color:#758594;font-weight:820;white-space:nowrap;line-height:1} .v43318Types b{font-size:17px;line-height:1;font-weight:920;color:#1e3243;font-variant-numeric:tabular-nums} .v43318Sheet .v43318Scorecard{padding:10px 8px 9px!important;margin:0!important;border-radius:13px!important} .v43318CardTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px} .v43318CardTop b{color:#172b3f;font-size:14px;font-weight:930;letter-spacing:-.3px} .v43318CardTop small{color:#728593;font-size:9px;font-weight:850;border-radius:20px;background:#f1f5f6;padding:4px 7px;white-space:nowrap} .v43318CardTop small.is-live{background:#e7f7f2;color:#078377} .v43318Sheet .v43317HalfTabs{gap:6px;margin-bottom:7px} .v43318Sheet .v43317HalfTabs button{min-height:33px!important;border-radius:8px!important;font-size:11px!important} .v43318Sheet .v43317ScoreScroll{border-radius:9px} .v43318Sheet .v43318Table{width:100%;min-width:525px!important;border-collapse:separate;table-layout:fixed} .v43318Sheet .v43318Table td,.v43318Sheet .v43318Table th{font-size:11px!important;height:31px!important;padding:3px 2px!important;min-width:44px!important;line-height:1.2!important;font-variant-numeric:tabular-nums} .v43318Sheet .v43318Table thead th{height:29px!important;font-size:10px!important} .v43318Sheet .v43318Table th:first-child{width:57px!important;min-width:57px!important} .v43318Sheet .v43318Table .v43318ScoreRow td{height:43px!important;color:#243342!important;background:#fff!important} .v43318ScoreRow td strong{display:block;font-size:15px;line-height:1.15;color:inherit} .v43318ScoreRow td small{display:block;font-size:9px;line-height:1.15;color:inherit;margin-top:2px;font-weight:750} .v43318Sheet .v43318Table .v43318ScoreRow td.highlight-birdie{color:#cc3157!important;background:#fff2f5!important} .v43318Sheet .v43318Table td.highlight-ob{color:#ca3155!important;font-weight:950} .v43318Sheet .v43318Table td.highlight-hzd{color:#ac741d!important;font-weight:950} .v43318Sheet .v43318Table td.highlight-threeputt{color:#b16b22!important;font-weight:950;background:#fffaf4} .v43318Sheet .v43318Table .no-record{color:#98a7b3!important} @media(max-width:420px){ .modal.v390BottomSheet:has(.v43318Sheet){padding:8px 10px 10px!important} .v43318Sheet .v43318Header h2{font-size:18px!important} .v43318Current strong{font-size:29px} .v43318Stat b{font-size:17px} .v43318Stat small{font-size:7.5px} .v43318Sheet .v43318Table td,.v43318Sheet .v43318Table th{height:30px!important} .v43318Sheet .v43318Table .v43318ScoreRow td{height:42px!important} } /* ========================================================= v4.33.19 — member record: compact summary + restrained typography Presentation-only changes. Persisted data and LIVE logic unchanged. ========================================================= */ .v43318Sheet .v43318Header{margin:0 0 7px!important} .v43318Sheet .v43318Header h2{margin:0!important;font-size:19px!important} .v43318Sheet .v390PlayerTabs{margin-bottom:7px} .v43318Sheet .v390PlayerTabs button{height:32px!important} .v43318Sheet .v43318Headline{min-height:47px;padding:7px 11px;margin-bottom:6px;gap:6px} .v43318Sheet .v43318Current{gap:9px;min-width:0} .v43318Sheet .v43318Current>span{font-size:11px;font-weight:700} .v43318Sheet .v43319CurrentValue{display:flex;align-items:baseline;gap:3px;white-space:nowrap;color:#057d74;font-variant-numeric:tabular-nums} .v43318Sheet .v43319CurrentValue strong{font-size:25px;font-weight:750;line-height:1} .v43318Sheet .v43319CurrentValue em{font-size:17px;font-style:normal;font-weight:650;line-height:1} .v43318Sheet .v43318SummaryRight{border-left:0;padding-left:0;font-size:11px;font-weight:600;white-space:nowrap} .v43318Sheet .v43318StatGrid{margin-bottom:6px} .v43318Sheet .v43318StatGrid .v43318Stat{height:49px;gap:4px} .v43318Sheet .v43318Stat>span{font-weight:650} .v43318Sheet .v43318Stat b{font-size:18px;font-weight:700} .v43318Sheet .v43318Types{margin-bottom:6px} .v43318Sheet .v43318Types>div{height:37px;gap:3px} .v43318Sheet .v43318Types span{font-weight:650} .v43318Sheet .v43318Types b{font-size:16px;font-weight:700} /* All hole-by-hole body values regular (including highlights). */ .v43318Sheet .v43318Table tbody td{font-size:16px!important;font-weight:400!important;color:#253748!important;background:#fff!important} .v43318Sheet .v43318Table .v43318ScoreRow td{background:#fff!important;color:#253748!important;font-weight:400!important} .v43318Sheet .v43318Table .v43318ScoreRow td strong{font-size:16px!important;font-weight:400!important;line-height:1.05!important;color:inherit!important} /* Only the score differential is 12px semibold. */ .v43318Sheet .v43318Table .v43318ScoreRow td small{font-size:12px!important;font-weight:600!important;line-height:1.08!important;margin-top:2px!important;color:#687785!important} /* Exceptional events get text color only, never tinted cell backgrounds. */ .v43318Sheet .v43318Table .v43318ScoreRow td.highlight-birdie, .v43318Sheet .v43318Table .v43318ScoreRow td.highlight-birdie strong{color:#008d80!important;background:#fff!important} .v43318Sheet .v43318Table td.highlight-ob, .v43318Sheet .v43318Table td.highlight-hzd{color:#ce3650!important;background:#fff!important;font-weight:400!important} .v43318Sheet .v43318Table td.highlight-threeputt{color:#c67520!important;background:#fff!important;font-weight:400!important} .v43318Sheet .v43318Table .no-record{color:#98a7b3!important} @media (max-width:420px){ .v43318Sheet .v43319CurrentValue strong{font-size:24px} .v43318Sheet .v43319CurrentValue em{font-size:16px} .v43318Sheet .v43318Stat b{font-size:17px} .v43318Sheet .v43318Table tbody td{font-size:16px!important} } /* ========================================================= v4.33.20 — approved final UI parity; cosmetic only All 4 metrics align as caption / figure / detail, same baseline. Rank HCP occupies a separate centered column under its heading. ========================================================= */ .v43318Sheet .v43318StatGrid .v43318Stat{ height:67px!important;padding:5px 1px!important;gap:3px!important; display:grid!important;grid-template-rows:12px 21px 13px!important; align-content:center!important;justify-items:center!important; } .v43318Sheet .v43318Stat>span{font-size:9px!important;line-height:12px!important;font-weight:650!important;white-space:nowrap!important} .v43318Sheet .v43318Stat>div{height:21px!important;display:flex!important;align-items:center!important;justify-content:center!important} .v43318Sheet .v43318Stat b{font-size:17px!important;line-height:21px!important;font-weight:700!important} .v43318Sheet .v43318Stat small{display:block!important;text-align:center!important;white-space:nowrap!important;font-size:9px!important;line-height:13px!important;font-weight:400!important;color:#768794!important;letter-spacing:-.25px!important;font-variant-numeric:tabular-nums!important} /* The card must stay legible even at very narrow handset widths. */ @media(max-width:355px){ .v43318Sheet .v43318Stat small{font-size:8px!important;letter-spacing:-.45px!important} .v43318Sheet .v43318Stat>span{font-size:8.5px!important} } /* One 5-column grid for rank headers and values: rank | name | HCP | gross | net. */ .v390BottomSheet .v43320RankSheet .v390RankHead, .v390BottomSheet .v43320RankSheet .v390RankRow{ grid-template-columns: .48fr 1.14fr .55fr .90fr .94fr!important; column-gap:0!important;padding-left:8px!important;padding-right:8px!important; min-height:40px!important;align-items:center!important; } .v43320RankSheet .v390RankHead{font-size:10px!important;font-weight:700!important} .v43320RankSheet .v390RankRow{font-size:12.5px!important} .v43320RankSheet .v390RankRow>*{min-width:0!important;white-space:nowrap!important} .v43320RankSheet .v390RankRow strong{font-size:12.5px!important;font-weight:600!important;text-align:left!important;justify-self:stretch!important} .v43320RankSheet .v390RankRow .rankNum{font-size:12.5px!important;font-weight:600!important} .v43320RankSheet .v390RankRow .v43320Hcp{font-size:12.5px!important;font-weight:400!important;text-align:center!important;justify-self:center!important;font-variant-numeric:tabular-nums} .v43320RankSheet .v390RankRow .grossNum{font-size:12.5px!important;font-weight:400!important;text-align:center!important} .v43320RankSheet .v390RankRow .hcpNum{font-size:12.5px!important;font-weight:700!important;text-align:center!important;color:#0b8076!important} .v43320RankSheet .v390RankHead span{font-weight:700!important;text-align:center!important;padding-left:0!important} .v43320RankSheet .v390RankHead span:nth-child(2){text-align:left!important;padding-left:0!important} @media(max-width:420px){ .v390BottomSheet .v43320RankSheet .v390RankHead, .v390BottomSheet .v43320RankSheet .v390RankRow{grid-template-columns: .42fr 1.02fr .5fr .84fr .88fr!important;padding-left:5px!important;padding-right:5px!important} .v43320RankSheet .v390RankRow strong,.v43320RankSheet .v390RankRow .v43320Hcp, .v43320RankSheet .v390RankRow .grossNum,.v43320RankSheet .v390RankRow .hcpNum{font-size:12px!important} .v43320RankSheet .v390RankHead{font-size:9.5px!important} } /* Match settlement popup's headings and values to ranking popup typography. */ .v390BottomSheet .v43320Settlement .v349SetHead, .v390BottomSheet .v43320Settlement .v349SetRow{grid-template-columns:1.14fr 1fr 1fr!important;column-gap:4px!important;padding-left:10px!important;padding-right:10px!important;align-items:center!important} .v390BottomSheet .v43320Settlement .v349SetHead{font-size:10px!important;font-weight:700!important;min-height:40px!important} .v390BottomSheet .v43320Settlement .v349SetHead b{font-size:10px!important;font-weight:700!important} .v390BottomSheet .v43320Settlement .v349SetRow{min-height:40px!important} .v390BottomSheet .v43320Settlement .v349SetRow strong{font-size:12.5px!important;font-weight:600!important} .v390BottomSheet .v43320Settlement .v349SetRow span{font-size:12.5px!important;font-weight:400!important;font-variant-numeric:tabular-nums!important} .v390BottomSheet .v43320Settlement .v349SetRow span:nth-child(2), .v390BottomSheet .v43320Settlement .v349SetRow span:nth-child(3){color:#263748!important} /* Restrained scoreboard: highlighted 3+ putts, OB and Hazard all red text only. */ .v43318Sheet .v43318Table td.highlight-threeputt, .v43318Sheet .v43318Table td.highlight-ob, .v43318Sheet .v43318Table td.highlight-hzd{color:#ce3650!important;background:#fff!important;font-weight:400!important} /* Keep all standard numbers regular; only score delta is semibold at 12px. */ .v43318Sheet .v43318Table tbody td:not(.highlight-birdie){font-weight:400!important} .v43318Sheet .v43318Table .v43318ScoreRow td small{font-size:12px!important;font-weight:600!important} /* End-of-round result secondary text uses same hierarchy as LIVE summary. */ .v412ResultCard .v411DetailedMetrics .v411MetricDetail{font-weight:400!important;white-space:normal!important;overflow-wrap:normal!important;line-height:1.15!important} @media(max-width:420px){ .v390BottomSheet .v43320Settlement .v349SetRow strong, .v390BottomSheet .v43320Settlement .v349SetRow span{font-size:12px!important} .v390BottomSheet .v43320Settlement .v349SetHead, .v390BottomSheet .v43320Settlement .v349SetHead b{font-size:9.5px!important} } /* v4.33.22 TEST only: completed round AI review entry */ .aiReviewLink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750;border-radius:10px;padding:9px 14px;color:#087e78!important;background:#e4f5f1!important;border:1px solid #b6dcd5!important}.aiReviewLink:hover{background:#d5eee8!important}