/* ====================================================
   황9golf — 공통 디자인 시스템
   ==================================================== */
:root {
  --bg:     #EEEAE0;
  --card:   #F5F0E6;
  --dark:   #2C2820;
  --border: #C8C2B0;
  --text:   #2C2820;
  --sub:    #8a8070;

  --c-holinone:  #D4AF37;
  --c-albatross: #8BC34A;
  --c-eagle:     #00916E;
  --c-birdie:    #1565C0;
  --c-par:       #666666;
  --c-bogey:     #1a1a1a;
  --c-double:    #E67E22;
  --c-triple:    #C0392B;
  --c-yangpa:    #7B1034;
  --c-gold:      #D4AF37;

  --r-under: #B8860B;
  --r-70:    #1a5fa8;
  --r-80:    #2a6a30;
  --r-90:    #B85000;
  --r-100:   #A02020;

  --font:    'Pretendard', -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --font-jua: 'Jua', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  height: 100%; background: #3A3530;
  display: flex; justify-content: center; align-items: flex-start;
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}

/* SPA 컨테이너 */
#app {
  width: 390px; max-width: 100%;
  height: 100dvh; min-height: 600px;
  background: var(--bg);
  position: relative; overflow: hidden;
  display: flex; flex-direction: column;
}

/* 화면 전환 */
.screen {
  position: absolute; inset: 0;
  display: none; flex-direction: column;
  background: var(--bg);
  overflow: hidden;
}
.screen.active { display: flex; }

/* 스크롤 영역 */
.screen-scroll {
  flex: 1; overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 64px;
}
.screen-scroll::-webkit-scrollbar { display: none; }

/* 하단 탭바 */
#tabbar {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 60px; background: var(--dark);
  display: flex; border-top: 2px solid #1a1210;
  z-index: 100;
}
#tabbar button {
  flex: 1; background: none; border: none;
  color: #555; font-size: 9px; font-family: var(--font);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 2px; cursor: pointer;
  transition: color .15s;
}
#tabbar button.active { color: var(--bg); }
#tabbar button .tab-icon { font-size: 20px; line-height: 1; }


/* ====== LOGIN ====== */
#s-login .label {

    font-size: 11px;
    letter-spacing: 2px;
    color: #8a8070;
    text-transform: uppercase;
    margin-bottom: 16px;
  }
#s-login .phone {

    position: relative;
    width: 300px;
    border-radius: 44px;
    border: 9px solid #2C2820;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(44,40,32,0.25);
  }
#s-login .phone img {

    width: 100%;
    display: block;
  }
#s-login .btn-area {

    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 0 18px 32px;
  }
#s-login .google-btn {

    background: #2C2820;
    border-radius: 14px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    border: 1.5px solid rgba(255,255,255,0.12);
  }
#s-login .google-btn span {

    color: #EEEAE0;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
  }
#s-login .caption {

    margin-top: 20px;
    font-size: 11px;
    color: #8a8070;
    letter-spacing: 1px;
  }



/* ====== HOME ====== */
#s-home .phone {
width:100%;max-width:390px;background:#F5EFE3;border-radius:22px;overflow:hidden;border:2.5px solid #2C2820;}
#s-home .bar {
cursor:pointer;transition:background .12s;}
#s-home .bar.sel {
background:#2C2820!important;border-color:#2C2820!important;}
#s-home .bar.sel .dt {
color:#888!important;}
#s-home .bar.sel .dtm {
color:#fff!important;}
#s-home .bar.sel .crs {
color:#fff!important;}
#s-home .bar.sel .bg {
background:rgba(255,255,255,.15)!important;color:#ddd!important;}
#s-home .bar.sel .slb {
color:#888!important;}
#s-home .bar.sel .scn, #s-home .bar.sel .scr {
color:#fff!important;}
#s-home .bar.sel .op {
background:transparent!important;border:1.5px solid rgba(255,255,255,.7)!important;color:#fff!important;}
#s-home .bar.sel .amt {
color:#bbb!important;}
#s-home .bar.sel .dv {
background:rgba(255,255,255,.2)!important;}


/#s-home * ── 선명도 개선 ── */
* {
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#s-home .card, #s-home .c, #s-home .round-bar, #s-home .stat-chip, #s-home .chip {
box-shadow:0 2px 8px rgba(44,40,32,.10),0 0 0 .5px rgba(44,40,32,.06);}
#s-home input, #s-home button:not(.active) {
border-color:#B8B2A0;}
#s-home .phone {
box-shadow:0 60px 120px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);}




/* ====== DETAIL ====== */

:root {
  --app-bg: #EEEAE0;
  --app-card: #F5F0E6;
  --app-card2: #EDE8DE;
  --app-dark: #2C2820;
  --app-hdr: #1E3020;
  --app-border: #C8C2B0;
  --app-text: #2C2820;
  --app-sub: #8a8070;
  --c-par: #666666;
  --c-bogey: #1a1a1a;
  --c-double: #E67E22;
  --c-triple: #C0392B;
  --c-yangpa: #7B1034;
  --c-gold: #D4AF37;
  --f: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
}#s-detail *, #s-detail *::before, #s-detail *::after {
 margin:0; padding:0; box-sizing:border-box; }
#s-detail html, #s-detail body {

  min-height:100vh; background:#504A46;
  display:flex; justify-content:center; align-items:flex-start;
  padding:28px 16px 60px; font-family:var(--f);
}
#s-detail .phone {

  width:370px; height:780px; background:var(--app-bg);
  border-radius:28px; overflow:hidden;
  border:1px solid rgba(255,255,255,0.1);
  display:flex; flex-direction:column;
  box-shadow:0 0 0 6px #1e1a18, 0 32px 80px rgba(0,0,0,0.6);
}

/#s-detail * STATUS */
.status-bar {

  background:
    linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg, #3A6B45 0%, #1E4028 50%, #142218 100%);
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 22px 6px; font-size:11px; font-weight:700;
  color:#fff; flex-shrink:0; font-family:var(--f);
}

/#s-detail * HEADER */
.app-header {

  background:
    linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 40%),
    linear-gradient(180deg, #3A6B45 0%, #1E4028 50%, #142218 100%);
  padding:6px 16px 20px;
  display:flex; align-items:flex-start; gap:10px; flex-shrink:0;
}
#s-detail .back-icon {
 color:rgba(255,255,255,0.75); font-size:20px; padding-top:5px; }
#s-detail .hdr-center {
 flex:1; min-width:0; }
#s-detail .hdr-course {

  color:#fff; font-size:22px; font-weight:700; font-family:var(--f);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#s-detail .hdr-meta {
 color:rgba(255,255,255,0.58); font-size:11.5px; font-family:var(--f); margin-top:4px; }
#s-detail .hdr-right {
 text-align:right; flex-shrink:0; }
#s-detail .hdr-score {

  background: linear-gradient(180deg,
    #FFFBC8 0%,
    #FFE040 12%,
    #E8C840 30%,
    #D4AF37 50%,
    #B89010 68%,
    #9A7800 82%,
    #C8A820 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size:44px; font-weight:700;
  line-height:1; font-variant-numeric:lining-nums; font-family:var(--f);
}
#s-detail .hdr-over-pill {

  display:inline-block;
  background: linear-gradient(180deg, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.08) 100%);
  border:1px solid rgba(255,255,255,0.25);
  color:#fff; border-radius:20px; padding:4px 12px;
  font-size:13px; font-weight:700; font-family:var(--f); margin-top:5px;
}
#s-detail .hdr-rank {
 color:rgba(255,255,255,0.6); font-size:11.5px; font-family:var(--f); margin-top:4px; }

/#s-detail * SCROLL */
.scroll-area {
 flex:1; overflow-y:auto; background:var(--app-bg); }
#s-detail .scroll-area::-webkit-scrollbar {
 width:3px; }
#s-detail .scroll-area::-webkit-scrollbar-thumb {
 background:var(--app-border); border-radius:2px; }

/#s-detail * SCORECARD CARD */
.sc-card {

  margin:10px 11px 0; background:var(--app-card);
  border-radius:12px; border:1px solid var(--app-border);
  overflow:hidden; padding-bottom:12px;
}
#s-detail .sc-card-lbl {
 font-size:12px; font-weight:600; color:var(--app-sub); letter-spacing:0.3px; padding:10px 12px 4px; }
#s-detail .legend {
 padding:4px 12px 10px; display:flex; flex-direction:column; gap:6px; }
#s-detail .legend-row {
 display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
#s-detail .li {
 display:flex; align-items:center; gap:5px; font-size:11.5px; font-weight:500; color:var(--app-sub); }
#s-detail .li-dot {
 width:11px; height:11px; border-radius:50%; flex-shrink:0; }
#s-detail .li-sq {
 width:11px; height:11px; border-radius:2px; flex-shrink:0; }

/#s-detail * SCORECARD TABLE */
.sc-tbl-wrap {
 margin:0 10px 8px; }
#s-detail .sc-half-lbl {
 font-size:11px; font-weight:600; color:var(--app-sub); margin-bottom:3px; padding-left:2px; }
#s-detail .sc-outer {
 border-radius:8px; overflow:hidden; border:1px solid var(--app-border); }
#s-detail table.sc {
 width:100%; border-collapse:collapse; table-layout:fixed; }
#s-detail table.sc td {

  height:36px; text-align:center; vertical-align:middle;
  border-right:1px solid rgba(200,194,176,0.5);
  border-bottom:1px solid rgba(200,194,176,0.5);
  font-family:var(--f); padding:0; line-height:1;
}
#s-detail table.sc tr:last-child td {
 border-bottom:none; }
#s-detail table.sc td:last-child {
 border-right:none; }

/#s-detail * 홀 번호 행 — WHITE TEXT */
.sc tr.r-h td {
 background:#2C2820; color:#FFFFFF; font-size:13px; font-weight:700; }
#s-detail .sc tr.r-h .tot {
 color:#D4AF37 !important; font-size:13px; font-weight:700; }

/#s-detail * 파 행 */
.sc tr.r-p td {
 background:var(--app-card); font-size:14px; font-weight:500; color:#2C2820; }

/#s-detail * 타수 행 */
.sc tr.r-s td {
 background:var(--app-card2); }

/#s-detail * 퍼팅 행 */
.sc tr.r-t td {
 background:var(--app-card); color:#8a8070; font-size:13px; font-weight:500; }
#s-detail .sc td.lbl {
 font-size:10.5px; font-weight:600; color:var(--app-sub); width:30px; }
#s-detail .sc td.tot {
 font-weight:700; font-size:13px; width:34px; color:var(--app-sub); }
#s-detail .tot-s-pos {
 color:var(--c-double) !important; }
#s-detail .tot-s-bad {
 color:var(--c-triple) !important; }
#s-detail .sc-c {
 display:flex; align-items:center; justify-content:center; height:36px; width:100%; overflow:hidden; }

/#s-detail * 점수 타입 */
.s-par {
 color:var(--c-par);    font-size:15px; font-weight:700; }
#s-detail .s-bogey {
 color:var(--c-bogey);  font-size:15px; font-weight:700; }
#s-detail .s-double {
 color:var(--c-double); font-size:15px; font-weight:700; }
#s-detail .s-triple {
 color:var(--c-triple); font-size:15px; font-weight:700; }

/#s-detail * 언더파 배경색 방식 */
.s-holeinone {
 color:#D4AF37; background:rgba(212,175,55,0.15); border-radius:4px; padding:2px 5px; font-size:13px; font-weight:700; }
#s-detail .s-albatross {
 color:#8BC34A; background:rgba(139,195,74,0.14); border-radius:4px; padding:2px 5px; font-size:13px; font-weight:700; }
#s-detail .s-eagle {
 color:#00916E; background:rgba(0,145,110,0.13);  border-radius:4px; padding:2px 5px; font-size:13px; font-weight:700; }
#s-detail .s-birdie {
 color:#1565C0; background:rgba(21,101,192,0.13); border-radius:4px; padding:2px 5px; font-size:13px; font-weight:700; }

/#s-detail * 양파 */
.yp {
 border:1.5px solid var(--c-yangpa); border-radius:3px; color:var(--c-yangpa); font-size:12px; font-weight:700; padding:2px 4px; line-height:1; }

/#s-detail * 칩 */
.chips {
 display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:5px; margin:10px 11px 0; }
#s-detail .chip {
 background:var(--app-card); border-radius:9px; border:1px solid var(--app-border); padding:9px 6px; display:flex; flex-direction:column; gap:2px; min-width:0; }
#s-detail .chip-lbl {
 font-size:9px; font-weight:600; color:var(--app-sub); text-transform:uppercase; letter-spacing:0.1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#s-detail .chip-num {
 font-size:22px; font-weight:700; color:var(--app-text); line-height:1.1; font-variant-numeric:lining-nums; }
#s-detail .chip-sub {
 font-size:9.5px; font-weight:500; color:var(--app-sub); }
#s-detail .chip-type {
 display:flex; align-items:center; gap:3px; font-size:10px; font-weight:700; margin-bottom:0; white-space:nowrap; }
#s-detail .chip-holes {
 font-size:9.5px; color:var(--app-sub); }

/#s-detail * 섹션 */
.section {
 margin:10px 11px 0; background:var(--app-card); border-radius:11px; border:1px solid var(--app-border); overflow:hidden; }
#s-detail .section-lbl {
 font-size:11px; font-weight:600; letter-spacing:0.5px; color:var(--app-sub); padding:10px 13px 4px; text-transform:uppercase; }

/#s-detail * 동반자 */
.comp-row {

  display:grid; grid-template-columns:22px 1fr 52px 48px; column-gap:8px;
  align-items:center; padding:10px 13px;
  border-bottom:1px solid rgba(200,194,176,0.5);
}
#s-detail .comp-row:last-child {
 border-bottom:none; }
#s-detail .rank-badge {
 width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; flex-shrink:0; }
#s-detail .r1 {
background:#D4AF37;color:#fff;}
#s-detail .r2 {
background:#A8A8A8;color:#fff;}
#s-detail .r3 {
background:#C67C4A;color:#fff;}
#s-detail .comp-name {
 font-size:15px; font-weight:500; color:var(--app-text); }
#s-detail .comp-tag {
 font-size:10px; color:var(--app-sub); margin-left:3px; }
#s-detail .comp-score {
 font-size:21px; font-weight:700; color:var(--app-text); line-height:1; font-variant-numeric:lining-nums; text-align:right; }
#s-detail .comp-putt {
 font-size:11px; font-weight:500; color:var(--app-sub); text-align:right; }

/#s-detail * 비용 */
.cost-row {
 display:flex; justify-content:space-between; align-items:center; padding:8px 13px; border-bottom:1px solid rgba(200,194,176,0.4); font-size:13px; font-weight:500; }
#s-detail .cost-lbl {
 color:var(--app-sub); }
#s-detail .cost-mine {
 color:var(--app-text); font-weight:700; }
#s-detail .cost-total {
 color:var(--app-sub); font-size:11.5px; }
#s-detail .cost-sum-row {
 display:flex; justify-content:space-between; padding:10px 13px 4px; }
#s-detail .cost-bet-row {
 display:flex; justify-content:space-between; padding:4px 13px 9px; }
#s-detail .cost-final {
 background:var(--app-dark); display:flex; justify-content:space-between; align-items:center; padding:12px 13px; }
#s-detail .cost-final-lbl {
 color:var(--app-border); font-size:13px; }
#s-detail .cost-final-val {
 color:#fff; font-size:19px; font-weight:700; }

/#s-detail * 나이스샷 */
.nice-shot-txt {
 padding:10px 13px 14px; color:var(--app-text); font-size:14px; font-weight:500; line-height:1.6; font-variant-numeric:lining-nums; }

/#s-detail * 뱃지 */
.badge-wrap {
 padding:7px 11px 12px; display:flex; flex-wrap:wrap; gap:6px; }
#s-detail .badge {
 background:var(--app-dark); color:#fff; border-radius:20px; padding:5px 12px; font-size:12px; font-weight:600; }

/#s-detail * 느낀점 고서 용지 */
.memo-section {
 margin:10px 11px 0; border-radius:11px; overflow:hidden; border:1px solid #B89040; }
#s-detail .memo-txt {

  padding:16px; font-family:'Jua','Black Han Sans','Apple SD Gothic Neo',sans-serif;
  font-size:17px; color:#2a1505; line-height:1.85; text-align:center;
  background:
    radial-gradient(ellipse at 10% 15%, rgba(145,95,15,0.13) 0%, transparent 42%),
    radial-gradient(ellipse at 88% 80%, rgba(125,80,10,0.11) 0%, transparent 38%),
    radial-gradient(ellipse at 60% 5%, rgba(160,110,30,0.07) 0%, transparent 30%),
    radial-gradient(ellipse at 25% 90%, rgba(130,85,10,0.09) 0%, transparent 33%),
    repeating-linear-gradient(158deg, transparent 0px, rgba(120,80,20,0.02) 1px, transparent 2px, transparent 18px),
    #EDD9A0;
}
#s-detail .memo-meta {
 background:#E8D298; display:flex; justify-content:flex-end; padding:0 15px 12px; font-size:10.5px; color:#8a6018; }

/#s-detail * 수정 버튼 */
.edit-wrap {
 padding:10px 13px 16px; background:var(--app-bg); border-top:1px solid var(--app-border); flex-shrink:0; }
#s-detail .edit-btn {
 width:100%; background:var(--app-dark); color:#fff; border:none; border-radius:10px; padding:13px; font-size:15px; font-weight:700; font-family:var(--f); cursor:pointer; }


/#s-detail * ── 선명도 개선 ── */
* {
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#s-detail .card, #s-detail .c, #s-detail .section, #s-detail .chip, #s-detail .summary-chip {
box-shadow:0 2px 8px rgba(44,40,32,.10),0 0 0 .5px rgba(44,40,32,.06);}
#s-detail .phone {
box-shadow:0 60px 120px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);}
#s-detail td, #s-detail th {
-webkit-font-smoothing:antialiased;}




/* ====== FORM ====== */

:root{--bg:#EEEAE0;--card:#F5F0E6;--dark:#2C2820;--bdr:#C8C2B0;
  --txt:#2C2820;--sub:#8a8070;--gold:#D4AF37;--grn:#2a6a30;
  --blu:#1565C0;--red:#C0392B;}#s-form .lbl {
color:rgba(255,255,255,.25);font-size:11px;letter-spacing:2px;
  margin-bottom:18px;font-family:sans-serif;text-transform:uppercase;}
#s-form .phone {
width:375px;max-width:100%;background:var(--bg);border-radius:36px;
  overflow:hidden;position:relative;
  box-shadow:0 50px 100px rgba(0,0,0,.7),0 0 0 .5px rgba(255,255,255,.06);}


/#s-form * ── 배너 ── */
.banner {
position:relative;overflow:hidden;}
#s-form #dog {
width:100%;height:auto;display:block;}
#s-form .sov {
position:absolute;width:40px;height:40px;border-radius:50%;
  transform:translate(-50%,-50%);cursor:pointer;
  border:3px solid transparent;transition:border-color .2s,box-shadow .2s;}
#s-form .sov.on {
border-color:var(--gold);box-shadow:0 0 10px rgba(212,175,55,.7),0 0 0 2px rgba(212,175,55,.15);}
#s-form .sov.dn {
border-color:rgba(55,130,25,.8);}
#s-form #d1 {
left:12%;top:84%;}
#s-form #d2 {
left:31%;top:84%;}
#s-form #d3 {
left:50%;top:83%;}
#s-form #d4 {
left:69%;top:83%;}
#s-form #d5 {
left:88%;top:83%;}


/#s-form * ── 폼 ── */
.con {
height:510px;overflow-y:auto;overflow-x:hidden;padding:13px;background:var(--bg);}
#s-form .con::-webkit-scrollbar {
width:2px;}
#s-form .con::-webkit-scrollbar-thumb {
background:var(--bdr);}
#s-form .c {
background:var(--card);border:1px solid var(--bdr);border-radius:12px;padding:13px;margin-bottom:10px;}
#s-form .c:last-child {
margin-bottom:0;}
#s-form .ct {
font-size:11px;color:var(--sub);margin-bottom:10px;padding-bottom:7px;
  border-bottom:1px solid var(--bdr);font-family:sans-serif;}
#s-form .fr {
display:flex;align-items:center;gap:8px;margin-bottom:9px;}
#s-form .fr:last-child {
margin-bottom:0;}
#s-form .fl {
font-size:13px;color:var(--txt);width:50px;flex-shrink:0;font-family:sans-serif;}
#s-form .fi {
flex:1;min-width:0;background:white;border:1px solid var(--bdr);border-radius:8px;
  padding:8px 10px;font-size:14px;font-family:Georgia,serif;color:var(--txt);text-align:right;outline:none;}
#s-form .fi::placeholder {
color:var(--bdr);font-size:12px;}
#s-form .fi.L {
text-align:left;}
#s-form .tgl {
display:inline-flex;background:#DDD9CF;border-radius:8px;padding:2px;flex-shrink:0;}
#s-form .tb {
padding:5px 12px;border-radius:6px;border:none;background:transparent;
  font-size:13px;cursor:pointer;color:var(--sub);font-family:sans-serif;transition:all .18s;}
#s-form .tb.on {
background:var(--dark);color:var(--bg);}


/#s-form * 날씨 */
.wg {
display:grid;grid-template-columns:repeat(4,1fr);gap:5px;}
#s-form .wb {
display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 3px;
  background:white;border:1px solid var(--bdr);border-radius:8px;
  cursor:pointer;font-size:10px;color:var(--sub);font-family:sans-serif;transition:all .18s;}
#s-form .wi {
font-size:20px;line-height:1;}
#s-form .wb.on {
background:var(--dark);color:var(--bg);border-color:var(--dark);}


/#s-form * 동반자 */
.cr {
display:flex;align-items:center;gap:6px;margin-bottom:7px;}
#s-form .cdl {
width:25px;height:25px;border-radius:50%;background:var(--bdr);
  border:none;color:white;font-size:14px;cursor:pointer;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;}
#s-form .cadd {
width:100%;margin-top:7px;padding:8px;background:transparent;
  border:1.5px dashed var(--bdr);border-radius:8px;
  color:var(--sub);font-size:13px;cursor:pointer;font-family:sans-serif;}


/#s-form * 파 그리드 */
.sl2 {
font-size:10px;color:var(--sub);margin-bottom:4px;font-family:sans-serif;}
#s-form .sl2.mt {
margin-top:9px;}
#s-form .pg {
display:grid;grid-template-columns:repeat(9,1fr);gap:4px;}
#s-form .pc {
text-align:center;}
#s-form .phn {
font-size:9px;color:var(--sub);margin-bottom:2px;font-family:sans-serif;}
#s-form .pv {
width:100%;aspect-ratio:1;background:white;border:1px solid var(--bdr);
  border-radius:6px;font-size:13px;font-weight:bold;color:var(--dark);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  user-select:none;transition:transform .1s;font-family:Georgia,serif;}
#s-form .pv:active {
transform:scale(.86);}
#s-form .ph {
font-size:11px;color:var(--sub);text-align:center;margin-top:9px;font-family:sans-serif;}


/#s-form * 스코어 테이블 */
.st {
width:100%;border-collapse:collapse;}
#s-form .st thead th {
font-size:10px;color:var(--sub);padding:4px 2px;text-align:center;
  border-bottom:1px solid var(--bdr);font-weight:normal;font-family:sans-serif;}
#s-form .st tbody tr.dr td {
padding:5px 2px;text-align:center;
  border-bottom:1px solid rgba(200,194,176,.22);vertical-align:middle;}
#s-form .st tbody tr.dr:last-child td {
border-bottom:none;}
#s-form .hn {
font-size:11px;color:var(--sub);font-weight:bold;font-family:sans-serif;}
#s-form .hp {
font-size:11px;color:var(--sub);font-family:sans-serif;}
#s-form .ctr {
display:flex;align-items:center;justify-content:center;gap:1px;}
#s-form .cb {
width:21px;height:21px;border-radius:50%;border:1px solid var(--bdr);background:white;
  font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;line-height:1;}
#s-form .cb.m {
color:var(--blu);}
#s-form .cb.p {
color:var(--red);}
#s-form .cv {
font-size:13px;font-weight:bold;color:var(--sub);min-width:20px;
  text-align:center;display:inline-block;font-family:Georgia,serif;}
#s-form .cv.t {
color:var(--dark);}
#s-form .ob-hz {
display:flex;flex-direction:column;gap:2px;align-items:center;}
#s-form .obt, #s-form .hzb {
width:20px;height:18px;border-radius:3px;border:1px solid var(--bdr);
  background:white;font-size:9px;font-weight:bold;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  color:var(--sub);font-family:sans-serif;padding:0;}
#s-form .obt.on {
background:#1a1a1a;color:white;border-color:#1a1a1a;}
#s-form .hzb.on {
background:#5C1E8C;color:white;border-color:#5C1E8C;}
#s-form .dv td {
padding:3px 0;}
#s-form .dvi {
background:var(--dark);color:var(--bg);font-size:10px;text-align:center;
  padding:3px 8px;border-radius:4px;font-family:sans-serif;}
#s-form .chips {
display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;}
#s-form .chip {
background:white;border:1px solid var(--bdr);border-radius:20px;
  padding:4px 10px;font-size:11px;color:var(--sub);font-family:sans-serif;}
#s-form .chip span {
font-weight:bold;color:var(--dark);}


/#s-form * 비용 */
input[type=number]::-webkit-inner-spin-button, #s-form input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;margin:0;}
#s-form input[type=number] {
-moz-appearance:textfield;}
#s-form .krow {
display:flex;align-items:center;gap:5px;margin-bottom:8px;}
#s-form .krow:last-child {
margin-bottom:0;}
#s-form .kl {
font-size:13px;color:var(--txt);width:46px;flex-shrink:0;font-family:sans-serif;}
#s-form .ki {
flex:1;min-width:0;padding:8px 9px;background:white;border:1px solid var(--bdr);
  border-radius:8px;font-size:13px;text-align:right;color:var(--txt);outline:none;font-family:sans-serif;}
#s-form .ki::placeholder {
color:var(--bdr);}
#s-form .ks {
color:var(--bdr);font-size:14px;flex-shrink:0;}
#s-form .cdf {
display:block;margin-bottom:8px;}
#s-form .cdf.hid {
display:none;}
#s-form .ktot {
display:flex;justify-content:space-between;align-items:center;
  padding:9px 0 0;border-top:2px solid var(--dark);margin-top:4px;}
#s-form .ktl {
font-size:14px;font-weight:bold;color:var(--dark);font-family:sans-serif;}
#s-form .ktv {
font-size:15px;font-weight:bold;color:var(--dark);font-family:Georgia,serif;}
#s-form .brow {
display:flex;align-items:center;gap:7px;}
#s-form .bl {
font-size:12px;color:var(--sub);width:54px;flex-shrink:0;font-family:sans-serif;}
#s-form .net {
display:flex;justify-content:space-between;align-items:center;
  margin-top:10px;background:rgba(44,40,32,.07);padding:10px 12px;border-radius:10px;}
#s-form .nl {
font-size:13px;color:var(--sub);font-family:sans-serif;}
#s-form .nv {
font-size:16px;font-weight:bold;color:var(--dark);font-family:Georgia,serif;}
#s-form .nv.win {
color:var(--grn);}
#s-form .nv.loss {
color:var(--red);}


/#s-form * 뱃지 */
.bsec {
font-size:10px;color:var(--sub);margin:10px 0 5px;font-family:sans-serif;}
#s-form .bsec:first-child {
margin-top:0;}
#s-form .bewrap {
display:flex;flex-wrap:wrap;gap:5px;}
#s-form .beb {
display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:7px 5px;background:white;border:1.5px solid var(--bdr);
  border-radius:10px;cursor:pointer;min-width:40px;transition:all .15s;}
#s-form .be-em {
font-size:21px;line-height:1;}
#s-form .be-img {
width:26px;height:26px;border-radius:50%;object-fit:cover;}
#s-form .be-lb {
font-size:8px;color:var(--sub);font-family:sans-serif;
  text-align:center;white-space:nowrap;max-width:46px;overflow:hidden;}
#s-form .beb.on {
background:var(--dark);border-color:var(--dark);}
#s-form .beb.on .be-lb {
color:rgba(238,234,224,.65);}
#s-form .bdivider {
height:1px;background:var(--bdr);margin:12px 0 8px;}
#s-form .bcard-title {
font-size:11px;font-weight:bold;color:var(--txt);margin-bottom:7px;font-family:sans-serif;}
#s-form .bdg-cards {
display:flex;flex-direction:column;gap:6px;}
#s-form .bdg-card {
display:flex;align-items:center;gap:10px;
  background:var(--dark);border-radius:24px;padding:8px 14px;}
#s-form .bc-em {
font-size:22px;flex-shrink:0;line-height:1;}
#s-form .bc-img {
width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;}
#s-form .bc-em-in {
width:30px;background:transparent;border:none;
  border-bottom:1px solid rgba(255,255,255,.3);
  color:rgba(238,234,224,.9);font-size:18px;text-align:center;outline:none;}
#s-form .bc-tx {
flex:1;background:transparent;border:none;color:rgba(238,234,224,.9);
  font-size:13px;font-family:'Jua',sans-serif;outline:none;}
#s-form .bc-tx::placeholder {
color:rgba(238,234,224,.3);}
#s-form .bc-dl {
background:transparent;border:none;color:rgba(238,234,224,.35);
  font-size:18px;cursor:pointer;flex-shrink:0;padding:0 2px;}
#s-form .bdg-empty {
font-size:11px;color:var(--sub);text-align:center;
  padding:12px;font-family:sans-serif;background:rgba(44,40,32,.04);
  border-radius:8px;border:1px dashed var(--bdr);}
#s-form .badd {
width:100%;margin-top:7px;padding:8px;background:transparent;
  border:1.5px dashed rgba(44,40,32,.2);border-radius:8px;
  color:var(--sub);font-size:12px;cursor:pointer;font-family:sans-serif;}
#s-form .nta {
width:100%;background:white;border:1px solid var(--bdr);border-radius:8px;
  padding:9px 11px;font-size:13px;font-family:Georgia,serif;
  color:var(--txt);resize:none;height:68px;outline:none;}
#s-form .nta::placeholder {
color:var(--bdr);font-size:12px;}
#s-form .mcard {
background:var(--dark);border-radius:12px;padding:13px;}
#s-form .mta {
width:100%;background:transparent;border:none;color:rgba(238,234,224,.9);
  font-family:'Jua',sans-serif;font-size:15px;resize:none;height:90px;outline:none;}
#s-form .mta::placeholder {
color:rgba(238,234,224,.28);}


/#s-form * 네비 */
.nav {
display:flex;gap:9px;padding:10px 13px;background:var(--card);border-top:1px solid var(--bdr);}
#s-form .nb {
border-radius:9px;padding:11px;font-size:14px;font-family:Georgia,serif;cursor:pointer;}
#s-form .nb.pv2 {
flex:1;background:var(--card);border:1px solid var(--bdr);color:var(--dark);}
#s-form .nb.pv2:disabled {
opacity:.28;cursor:default;}
#s-form .nb.nx {
flex:2;background:var(--dark);border:none;color:var(--bg);}
#s-form .nb.nx.sv {
background:var(--grn);}


/#s-form * 팝업 */
.pw {
position:absolute;inset:0;background:rgba(0,0,0,.52);
  display:flex;align-items:center;justify-content:center;z-index:100;}
#s-form .pbox {
background:white;border-radius:16px;padding:22px 18px;width:284px;text-align:center;}
#s-form .pi {
font-size:30px;margin-bottom:8px;}
#s-form .pt {
font-size:17px;font-weight:bold;color:var(--dark);margin-bottom:5px;font-family:Georgia,serif;}
#s-form .pc {
color:var(--gold);font-size:14px;font-weight:bold;margin-bottom:2px;font-family:Georgia,serif;}
#s-form .pd {
font-size:12px;color:var(--sub);margin-bottom:5px;font-family:sans-serif;}
#s-form .ps {
font-size:11px;color:var(--bdr);margin-bottom:18px;line-height:1.6;font-family:sans-serif;}
#s-form .pact {
display:flex;gap:7px;}
#s-form .pan {
flex:1;padding:9px;background:white;border:1px solid var(--bdr);
  border-radius:9px;font-size:13px;cursor:pointer;font-family:sans-serif;}
#s-form .pac {
flex:2;padding:9px;background:var(--dark);color:white;border:none;
  border-radius:9px;font-size:13px;cursor:pointer;font-family:sans-serif;}


/#s-form * 새 라운딩 뒤로가기 오버레이 */
.back-ov {
position:absolute;left:3%;top:38%;width:30%;height:24%;
  cursor:pointer;border-radius:22px;}
#s-form .back-ov:active {
background:rgba(255,255,255,.15);}


/#s-form * ── 전반적 선명도 개선 ── */
* {
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}


/#s-form * 카드 그림자 */
.c {
box-shadow:0 2px 8px rgba(44,40,32,.10),0 0 0 .5px rgba(44,40,32,.06);}


/#s-form * 레이블 굵기 */
.fl, #s-form .kl, #s-form .bl, #s-form .ct, #s-form .bcard-title {
font-weight:600;}


/#s-form * 인풋 테두리 강화 */
.fi, #s-form .ki, #s-form .nta {
border:1.5px solid #B8B2A0;}
#s-form .fi:focus, #s-form .ki:focus, #s-form .nta:focus {
border-color:#8a8070;outline:none;}


/#s-form * 버튼 선명도 */
.tb.on {
box-shadow:0 1px 4px rgba(0,0,0,.25);}
#s-form .nb.nx {
box-shadow:0 2px 8px rgba(44,40,32,.35);}
#s-form .nb.nx.sv {
box-shadow:0 2px 8px rgba(42,106,48,.4);}


/#s-form * 텍스트 대비 강화 */
.ct {
color:#6a6060;border-bottom-color:#B8B2A0;}
#s-form .fl {
color:#1E1A16;}
#s-form .kl {
color:#1E1A16;}


/#s-form * 파 그리드 버튼 */
.pv {
border:1.5px solid #B8B2A0;font-weight:700;}


/#s-form * 스코어 테이블 */
.st thead th {
border-bottom:1.5px solid #B8B2A0;color:#6a6060;}
#s-form .hn {
color:#5a5550;}
#s-form .hp {
color:#8a8070;}


/#s-form * OB/HZ 버튼 */
.obt, #s-form .hzb {
border:1.5px solid #B8B2A0;font-weight:700;}


/#s-form * 뱃지 버튼 */
.beb {
border:1.5px solid #B8B2A0;}
#s-form .beb.on {
box-shadow:0 1px 4px rgba(44,40,32,.3);}


/#s-form * 칩 */
.chip {
border:1.5px solid #B8B2A0;font-weight:500;}


/#s-form * 폰 프레임 */
.phone {
box-shadow:0 60px 120px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);}


/#s-form * 합계 */
.ktl, #s-form .ktv {
letter-spacing:-.01em;}
#s-form .nv {
letter-spacing:-.02em;}




/* ====== ROUNDS ====== */

@#s-rounds import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
:root {

  --bg:#EEEAE0;--card:#F5F0E6;--card2:#EDE8DE;
  --dark:#2C2820;--border:#C8C2B0;--sub:#8a8070;--gold:#D4AF37;
  --c80:#2a6a30;--c90:#B85000;--c100:#A02020;
  --cgheader:#2D4E6E;
  --c-eagle:#00916E;--c-birdie:#1565C0;--c-par:#666666;
  --c-bogey:#1a1a1a;--c-double:#E67E22;--c-triple:#C0392B;--c-yangpa:#7B1034;
}
#s-rounds *, #s-rounds *::before, #s-rounds *::after {
box-sizing:border-box;margin:0;padding:0;}
#s-rounds html, #s-rounds body {
width:100%;overflow-x:hidden;}
#s-rounds .pg-title {
font-size:18px;font-weight:700;color:var(--dark);text-align:center;margin-bottom:3px;}
#s-rounds .pg-sub {
font-family:sans-serif;font-size:11px;color:#6a6560;text-align:center;margin-bottom:18px;}


/#s-rounds * ── Phone ── */
.phone {
width:min(390px,calc(100vw - 16px));background:var(--bg);border-radius:42px;overflow:hidden;box-shadow:0 0 0 2px #9a9080,0 22px 56px rgba(0,0,0,.45);display:flex;flex-direction:column;height:800px;position:relative;}


/#s-rounds * ── Status ── */
.status {
background:var(--dark);height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;}
#s-rounds .st-time {
color:#F5F0E6;font-family:sans-serif;font-size:14px;font-weight:600;}
#s-rounds .st-icons {
color:#F5F0E6;font-family:sans-serif;font-size:11px;display:flex;gap:5px;}


/#s-rounds * ── App Header ── */
.app-hd {
background:var(--dark);padding:10px 20px 0;flex-shrink:0;}
#s-rounds .app-hd-row {
display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
#s-rounds .app-hd-title {
color:#F5F0E6;font-size:24px;font-weight:700;letter-spacing:-.3px;}
#s-rounds .stabs {
display:flex;}
#s-rounds .stab {
flex:1;background:none;border:none;color:var(--sub);font-family:sans-serif;font-size:14px;font-weight:500;padding:9px 0 11px;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s;}
#s-rounds .stab.active {
color:#F5F0E6;border-bottom-color:var(--gold);}


/#s-rounds * ── Content ── */
.content {
flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg);}
#s-rounds .content::-webkit-scrollbar {
display:none;}
#s-rounds .tab-v {
display:none;}
#s-rounds .tab-v.active {
display:block;}


/#s-rounds * ── Search ── */
.srch {
padding:14px 14px 8px;}
#s-rounds .srch-bar {
display:flex;align-items:center;gap:8px;background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:10px 14px;}
#s-rounds .srch-bar span {
font-size:16px;}
#s-rounds .srch-bar em {
font-style:normal;font-family:sans-serif;font-size:13px;color:var(--sub);}


/#s-rounds * ── Filter chips ── */
.frow {
display:flex;gap:6px;padding:0 14px 10px;overflow-x:auto;}
#s-rounds .frow::-webkit-scrollbar {
display:none;}
#s-rounds .fchip {
flex-shrink:0;padding:5px 12px;border-radius:20px;font-family:sans-serif;font-size:12px;font-weight:500;background:var(--card);color:var(--dark);border:1.5px solid var(--border);display:flex;align-items:center;gap:4px;cursor:pointer;}
#s-rounds .fchip.on {
background:var(--dark);color:#F5F0E6;border-color:var(--dark);}
#s-rounds .dot {
width:7px;height:7px;border-radius:50%;display:inline-block;}


/#s-rounds * ── Section header ── */
.sec-hd {
display:flex;align-items:center;justify-content:space-between;padding:6px 14px 8px;}
#s-rounds .sec-lbl {
display:flex;align-items:center;gap:5px;font-family:sans-serif;font-size:12px;font-weight:600;color:var(--sub);letter-spacing:.4px;}
#s-rounds .sec-lbl img {
width:20px;height:20px;object-fit:cover;border-radius:50%;}
#s-rounds .sec-cnt {
font-family:sans-serif;font-size:12px;color:var(--sub);}


/#s-rounds * ── Round Card ── */
.rcard {
margin:0 12px 8px;background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:12px 10px 12px 14px;display:flex;align-items:stretch;gap:9px;cursor:pointer;transition:border-color .2s,background .15s;}
#s-rounds .rcard.starred {
border-color:var(--gold);background:#FFFBF0;}
#s-rounds .rcard:active {
opacity:.85;}
#s-rounds .dblk {
display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:36px;flex-shrink:0;padding-top:1px;}
#s-rounds .dm {
font-family:sans-serif;font-size:9px;font-weight:700;color:var(--sub);letter-spacing:.7px;}
#s-rounds .dd {
font-family:sans-serif;font-size:23px;font-weight:800;color:var(--dark);line-height:1;margin:1px 0;}
#s-rounds .dy {
font-family:sans-serif;font-size:9px;color:var(--sub);}
#s-rounds .vdiv {
width:1px;background:var(--border);flex-shrink:0;}
#s-rounds .iblk {
flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;}
#s-rounds .cname {
font-size:13.5px;font-weight:700;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#s-rounds .irow {
display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow:hidden;}
#s-rounds .ibadge {
padding:2px 7px;border-radius:6px;font-family:sans-serif;font-size:11px;font-weight:600;background:#E5E0D4;color:var(--dark);border:1px solid #d0cabb;white-space:nowrap;flex-shrink:0;}
#s-rounds .tee {
font-family:sans-serif;font-size:11px;color:var(--sub);white-space:nowrap;flex-shrink:0;}
#s-rounds .ebadge {
padding:2px 8px;border-radius:6px;font-family:sans-serif;font-size:11px;font-weight:600;background:var(--dark);color:#F5F0E6;white-space:nowrap;flex-shrink:0;}
#s-rounds .sblk {
display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;flex-shrink:0;width:60px;}
#s-rounds .slbl {
font-family:sans-serif;font-size:9px;color:var(--sub);text-align:right;}
#s-rounds .smain {
display:flex;align-items:baseline;justify-content:flex-end;gap:1px;}
#s-rounds .snum {
font-family:sans-serif;font-size:23px;font-weight:800;line-height:1;}
#s-rounds .srnk {
font-family:sans-serif;font-size:11px;font-weight:700;}
#s-rounds .c80 {
color:#2a6a30;}
#s-rounds .c90 {
color:#B85000;}
#s-rounds .c100 {
color:#A02020;}
#s-rounds .over {
font-family:sans-serif;font-size:11px;font-weight:700;color:#fff;padding:2px 7px;border-radius:6px;}
#s-rounds .amt {
font-family:sans-serif;font-size:9.5px;color:var(--sub);font-weight:600;text-align:right;white-space:nowrap;margin-top:1px;}
#s-rounds .banner-wrap {
flex-shrink:0;}
#s-rounds .banner-wrap img {
width:100%;display:block;}
#s-rounds .wtabs-bar {
display:flex;gap:7px;padding:0 8px 6px;background:#b7c69d;flex-shrink:0;border-bottom:3px solid #4a3a1a;}
#s-rounds .wtab {
flex:1;background:linear-gradient(180deg,#D9AE70 0%,#B88040 100%);border:1.5px solid #8B6030;border-bottom:4px solid #6B4820;border-radius:10px;padding:6px 4px 7px;font-family:"Jua",sans-serif;font-size:13px;color:#3C1800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s;}
#s-rounds .wtab.active {
background:linear-gradient(180deg,#F0CC78 0%,#D49820 100%);border-bottom:2px solid #6B4820;transform:translateY(2px);box-shadow:inset 0 1px 2px rgba(255,255,255,.3);}
#s-rounds .wtic {
font-size:16px;}
#s-rounds .scol {
width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;align-self:center;transition:background .2s,box-shadow .2s;cursor:pointer;}
#s-rounds .scol img {
width:30px;height:30px;object-fit:cover;border-radius:50%;transition:filter .25s;}
#s-rounds .scol.off img {
filter:grayscale(1) opacity(.22);}
#s-rounds .scol.on {
background:rgba(212,175,55,.12);box-shadow:0 0 0 2px var(--gold);}
#s-rounds .scol.on img {
filter:none;}
#s-rounds .cdiv {
height:1px;background:var(--border);margin:4px 14px 10px;}


/#s-rounds * ── 골프장별 ── */
.cgrp {
margin:0 12px 10px;border-radius:14px;overflow:hidden;border:1.5px solid var(--border);}
#s-rounds .cghd {
background:var(--cgheader);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
#s-rounds .cgname {
color:#fff;font-size:14px;font-weight:700;}
#s-rounds .cgmeta {
color:rgba(255,255,255,.7);font-family:sans-serif;font-size:10px;margin-top:2px;}
#s-rounds .cgbadge {
background:#D4AF37;color:#1A3352;padding:3px 10px;border-radius:10px;font-family:sans-serif;font-size:12px;font-weight:700;flex-shrink:0;}
#s-rounds .cgbody {
background:var(--card);}
#s-rounds .cgitem {
padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);cursor:pointer;}
#s-rounds .cgitem:active {
background:#EDE8DC;}
#s-rounds .cid {
font-family:sans-serif;font-size:12px;color:var(--sub);}
#s-rounds .cisub {
font-family:sans-serif;font-size:11px;color:var(--sub);margin-top:2px;}
#s-rounds .ciscore {
font-family:sans-serif;font-size:18px;font-weight:800;}


/#s-rounds * ── Calendar ── */
.calw {
padding:16px;}
#s-rounds .calnr {
display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
#s-rounds .calnb {
background:var(--card);border:1.5px solid var(--border);border-radius:8px;padding:5px 12px;font-size:16px;cursor:pointer;color:var(--dark);font-family:sans-serif;}
#s-rounds .calm {
font-size:17px;font-weight:700;color:var(--dark);}
#s-rounds .calgrid {
display:grid;grid-template-columns:repeat(7,1fr);gap:3px;}
#s-rounds .callbl {
text-align:center;font-family:sans-serif;font-size:10px;font-weight:600;color:var(--sub);padding:2px 0 5px;}
#s-rounds .cald {
aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;font-family:sans-serif;font-size:12px;color:var(--dark);cursor:pointer;position:relative;}
#s-rounds .cald.has {
background:var(--card);border:1.5px solid var(--border);font-weight:700;}
#s-rounds .cald.has::after {
content:'';width:5px;height:5px;border-radius:50%;background:var(--c90);position:absolute;bottom:3px;}
#s-rounds .cald.today {
background:var(--dark);color:#F5F0E6;}
#s-rounds .cald.emp {
visibility:hidden;}


/#s-rounds * ── Detail overlay ── */
.det {
position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:50;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);}
#s-rounds .det.open {
transform:translateY(0);}
#s-rounds .det-status {
background:var(--dark);display:flex;justify-content:space-between;align-items:center;padding:14px 22px 6px;font-family:sans-serif;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;}
#s-rounds .det-appheader {
background:var(--dark);padding:4px 14px 16px;display:flex;align-items:flex-start;gap:10px;flex-shrink:0;}
#s-rounds .det-back {
color:var(--border);font-size:22px;padding-top:4px;cursor:pointer;}
#s-rounds .det-hcenter {
flex:1;min-width:0;}
#s-rounds .det-course {
color:#fff;font-size:17px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#s-rounds .det-meta {
color:var(--border);font-size:12px;font-family:sans-serif;margin-top:3px;}
#s-rounds .det-scoreblk {
text-align:right;flex-shrink:0;}
#s-rounds .det-scoreval {
color:#fff;font-size:36px;font-weight:bold;line-height:1;font-family:sans-serif;}
#s-rounds .det-overval {
color:#E67E22;font-size:13px;font-family:sans-serif;}
#s-rounds .det-rankval {
color:var(--border);font-size:12px;font-family:sans-serif;}
#s-rounds .det-scroll {
flex:1;overflow-y:auto;background:var(--bg);}
#s-rounds .det-scroll::-webkit-scrollbar {
width:3px;}
#s-rounds .det-scroll::-webkit-scrollbar-thumb {
background:var(--border);border-radius:2px;}


/#s-rounds * Scorecard (v11 styles) */
.sc-card {
margin:10px 11px 0;background:var(--card);border-radius:12px;border:1px solid var(--border);overflow:hidden;padding-bottom:12px;}
#s-rounds .sc-card-lbl {
font-family:sans-serif;font-size:12px;color:var(--sub);letter-spacing:.5px;padding:10px 12px 4px;}
#s-rounds .legend {
padding:4px 12px 10px;display:flex;flex-direction:column;gap:6px;}
#s-rounds .legend-row {
display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
#s-rounds .li {
display:flex;align-items:center;gap:5px;font-family:sans-serif;font-size:11.5px;color:var(--sub);}
#s-rounds .li-dot {
width:11px;height:11px;border-radius:50%;flex-shrink:0;}
#s-rounds .li-sq {
width:11px;height:11px;border-radius:2px;flex-shrink:0;}
#s-rounds .sc-tbl-wrap {
margin:0 10px 8px;}
#s-rounds .sc-half-lbl {
font-family:sans-serif;font-size:11px;color:var(--sub);margin-bottom:3px;padding-left:2px;}
#s-rounds .sc-outer {
border-radius:8px;overflow:hidden;border:1px solid var(--border);}
#s-rounds table.sc {
width:100%;border-collapse:collapse;table-layout:fixed;}
#s-rounds table.sc td {
height:36px;text-align:center;vertical-align:middle;border-right:1px solid rgba(200,194,176,.5);border-bottom:1px solid rgba(200,194,176,.5);font-family:sans-serif;padding:0;line-height:1;}
#s-rounds table.sc tr:last-child td {
border-bottom:none;}
#s-rounds table.sc td:last-child {
border-right:none;}
#s-rounds .sc tr.r-h td {
background:#2C2820;color:#8a8070;font-size:13px;font-weight:600;}
#s-rounds .sc tr.r-h .tot {
color:#D4AF37!important;font-size:13px;font-weight:700;}
#s-rounds .sc tr.r-p td {
background:var(--card);font-size:14px;}
#s-rounds .sc tr.r-s td {
background:var(--card2);}
#s-rounds .sc tr.r-t td {
background:var(--card);color:#8a8070;font-size:13px;}
#s-rounds .sc td.lbl {
font-size:10.5px;color:var(--sub);width:30px;}
#s-rounds .sc td.tot {
font-weight:700;font-size:13px;width:34px;color:var(--sub);}
#s-rounds .tot-s-pos {
color:var(--c-double)!important;}
#s-rounds .tot-s-bad {
color:var(--c-triple)!important;}
#s-rounds .sc-c {
display:flex;align-items:center;justify-content:center;height:36px;width:100%;overflow:hidden;}
#s-rounds .s-par {
color:var(--c-par);font-size:15px;font-weight:700;}
#s-rounds .s-bogey {
color:var(--c-bogey);font-size:15px;font-weight:700;}
#s-rounds .s-double {
color:var(--c-double);font-size:15px;font-weight:700;}
#s-rounds .s-triple {
color:var(--c-triple);font-size:15px;font-weight:700;}
#s-rounds .s-eagle {
color:#00916E;background:rgba(0,145,110,.13);border-radius:4px;padding:2px 5px;font-size:13px;font-weight:700;font-family:sans-serif;}
#s-rounds .s-birdie {
color:#1565C0;background:rgba(21,101,192,.13);border-radius:4px;padding:2px 5px;font-size:13px;font-weight:700;font-family:sans-serif;}
#s-rounds .yp {
border:1.5px solid var(--c-yangpa);border-radius:3px;color:var(--c-yangpa);font-size:12px;font-weight:700;font-family:sans-serif;padding:2px 4px;line-height:1;}


/#s-rounds * Summary chips */
.sum-chips {
display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px;margin:10px 11px 0;}
#s-rounds .sum-chip {
background:var(--card);border-radius:9px;border:1px solid var(--border);padding:9px 6px;display:flex;flex-direction:column;gap:2px;min-width:0;}
#s-rounds .chip-lbl {
font-family:sans-serif;font-size:9px;color:var(--sub);text-transform:uppercase;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#s-rounds .chip-num {
font-size:22px;font-weight:bold;color:var(--dark);line-height:1.1;}
#s-rounds .chip-sub {
font-family:sans-serif;font-size:9.5px;color:var(--sub);}
#s-rounds .chip-type {
display:flex;align-items:center;gap:3px;font-family:sans-serif;font-size:10px;font-weight:bold;flex-wrap:nowrap;white-space:nowrap;}
#s-rounds .chip-holes {
font-family:sans-serif;font-size:9.5px;color:var(--sub);}


/#s-rounds * Sections */
.det-section {
margin:10px 11px 0;background:var(--card);border-radius:11px;border:1px solid var(--border);overflow:hidden;}
#s-rounds .det-sec-lbl {
font-family:sans-serif;font-size:11px;letter-spacing:.7px;color:var(--sub);padding:10px 13px 4px;text-transform:uppercase;}
#s-rounds .comp-row {
display:grid;grid-template-columns:22px 1fr 52px 48px;column-gap:8px;align-items:center;padding:10px 13px;border-bottom:1px solid rgba(200,194,176,.5);}
#s-rounds .comp-row:last-child {
border-bottom:none;}
#s-rounds .rank-badge {
width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:bold;font-family:sans-serif;flex-shrink:0;}
#s-rounds .r1 {
background:#D4AF37;color:#fff;}
#s-rounds .r2 {
background:#A8A8A8;color:#fff;}
#s-rounds .r3 {
background:#C67C4A;color:#fff;}
#s-rounds .comp-name {
font-size:15px;color:var(--dark);}
#s-rounds .comp-tag {
font-size:10px;color:var(--sub);font-family:sans-serif;margin-left:3px;}
#s-rounds .comp-score {
font-size:21px;font-weight:bold;color:var(--dark);line-height:1;text-align:right;}
#s-rounds .comp-putt {
font-size:11px;color:var(--sub);font-family:sans-serif;text-align:right;}
#s-rounds .cost-row {
display:flex;justify-content:space-between;align-items:center;padding:8px 13px;border-bottom:1px solid rgba(200,194,176,.4);font-family:sans-serif;font-size:13px;}
#s-rounds .cost-lbl {
color:var(--sub);}
#s-rounds .cost-mine {
color:var(--dark);font-weight:bold;}
#s-rounds .cost-total {
color:var(--sub);font-size:11.5px;}
#s-rounds .cost-sum-row {
display:flex;justify-content:space-between;padding:10px 13px 4px;font-family:sans-serif;}
#s-rounds .cost-bet-row {
display:flex;justify-content:space-between;padding:4px 13px 9px;font-family:sans-serif;}
#s-rounds .cost-final {
background:var(--dark);display:flex;justify-content:space-between;align-items:center;padding:12px 13px;}
#s-rounds .cost-final-lbl {
color:var(--border);font-family:sans-serif;font-size:13px;}
#s-rounds .cost-final-val {
color:#fff;font-size:19px;font-weight:bold;font-family:sans-serif;}
#s-rounds .nice-shot-txt {
padding:10px 13px 14px;color:var(--dark);font-size:14px;line-height:1.6;}
#s-rounds .badge-wrap {
padding:7px 11px 12px;display:flex;flex-wrap:wrap;gap:6px;}
#s-rounds .det-badge {
background:var(--dark);color:#fff;border-radius:20px;padding:5px 12px;font-size:12px;font-family:sans-serif;}
#s-rounds .memo-section {
margin:10px 11px 0;border-radius:11px;overflow:hidden;border:1px solid #B89040;}
#s-rounds .memo-txt {
padding:16px 16px 12px;font-family:'Jua',sans-serif;font-size:17px;color:#2a1505;line-height:1.85;text-align:center;background:radial-gradient(ellipse at 10% 15%,rgba(145,95,15,.13) 0%,transparent 42%),radial-gradient(ellipse at 88% 80%,rgba(125,80,10,.11) 0%,transparent 38%),repeating-linear-gradient(158deg,transparent 0px,rgba(120,80,20,.022) 1px,transparent 2px,transparent 18px),#EDD9A0;}
#s-rounds .memo-meta {
background:#E8D298;display:flex;justify-content:flex-end;padding:0 15px 12px;font-family:sans-serif;font-size:10.5px;color:#8a6018;}
#s-rounds .det-editwrap {
padding:10px 13px 16px;background:var(--bg);border-top:1px solid var(--border);flex-shrink:0;}
#s-rounds .det-editbtn {
width:100%;background:var(--dark);color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-family:Georgia,serif;cursor:pointer;}


/#s-rounds * ── Bottom tabs ── */
.bbar {
background:var(--card);border-top:1px solid var(--border);display:flex;flex-shrink:0;}
#s-rounds .btab {
flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 12px;gap:3px;font-family:sans-serif;font-size:10px;color:var(--sub);cursor:pointer;background:none;border:none;}
#s-rounds .btab.on {
color:var(--dark);font-weight:700;}
#s-rounds .bic {
font-size:20px;}


/#s-rounds * ── 선명도 개선 ── */
* {
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#s-rounds .card, #s-rounds .c, #s-rounds .bar, #s-rounds .round-bar {
box-shadow:0 2px 8px rgba(44,40,32,.10),0 0 0 .5px rgba(44,40,32,.06);}
#s-rounds input, #s-rounds select {
border:1.5px solid #B8B2A0 !important;}
#s-rounds input:focus, #s-rounds select:focus {
border-color:#8a8070 !important;outline:none;}
#s-rounds .phone {
box-shadow:0 60px 120px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);}




/* ====== STATS ====== */
#s-stats .phone {
width:390px;max-width:100%;background:#EEEAE0;border:2.5px solid #2C2820;border-radius:44px;overflow:hidden;}
#s-stats .sb {
background:#2C2820;height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;}
#s-stats .sb span {
color:#EEEAE0;font-size:12px;font-family:sans-serif;}
#s-stats .bw {
position:relative;background:#3A2010;line-height:0;overflow:hidden;}
#s-stats .bw img {
width:100%;height:auto;display:block;}
#s-stats .tabs {
position:absolute;bottom:0;left:0;right:0;background:#2D1806;padding:3px 7px 5px;display:flex;gap:5px;border-top:1.5px solid #5C3010;}
#s-stats .tab {
flex:1;border-radius:5px;padding:3px 3px 4px;text-align:center;background:#4A2610;border:1.5px solid #7A4E28;cursor:pointer;}
#s-stats .tab.on {
background:#6A3E1C;border:2px solid #D4AF37;}
#s-stats .tab .lb {
font-size:13px;font-weight:bold;display:block;line-height:1.2;font-family:Georgia,serif;letter-spacing:0.3px;margin-top:2px;}
#s-stats .tab.on .lb {
color:#F5E6C4;}
#s-stats .tab:not(.on) .lb {
color:#7A5030;}
#s-stats .ic-num {
display:flex;align-items:center;justify-content:center;margin:0 auto;width:24px;height:18px;border-radius:50%;font-family:sans-serif;font-weight:bold;}
#s-stats .tab.on .ic-num {
border:1.5px solid #D4AF37;color:#F5E6C4;}
#s-stats .tab:not(.on) .ic-num {
border:1.5px solid #7A5030;color:#7A5030;}
#s-stats .tab-pane {
padding:15px 14px 12px;}
#s-stats .chips {
display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px;}
#s-stats .chip {
background:#F5F0E6;border:1.5px solid #C8C2B0;border-radius:13px;padding:12px 10px 10px;text-align:center;}
#s-stats .ch-lb {
font-size:13px;color:#6a6060;font-family:sans-serif;margin-bottom:5px;display:block;font-weight:500;}
#s-stats .ch-vl {
font-size:27px;font-weight:bold;color:#2C2820;display:block;line-height:1;letter-spacing:-0.5px;}
#s-stats .ch-sub {
font-size:11.5px;color:#8a8070;font-family:sans-serif;display:block;margin-top:4px;}
#s-stats .c-or {
color:#B85000;}
#s-stats .c-bl {
color:#1565C0;}
#s-stats .c-rd {
color:#C0392B;}
#s-stats .sh {
display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;}
#s-stats .st {
font-size:15.5px;font-weight:bold;color:#2C2820;font-family:sans-serif;}
#s-stats .sm {
font-size:12px;color:#8a8070;font-family:sans-serif;}
#s-stats .card {
background:#F5F0E6;border:1.5px solid #C8C2B0;border-radius:13px;padding:14px;margin-bottom:16px;}
#s-stats .cr {
display:flex;justify-content:space-between;padding:8px 0;border-bottom:0.5px solid #D0CAB8;font-size:15px;font-family:sans-serif;}
#s-stats .cr:last-child {
border-bottom:none;padding-bottom:0;}
#s-stats .cr .lb {
color:#6a6060;}
#s-stats .cr .vl {
color:#2C2820;font-weight:bold;}
#s-stats .cr .pos {
color:#1565C0;}
#s-stats .cr .neg {
color:#C0392B;}
#s-stats .lgd {
display:flex;flex-wrap:wrap;gap:5px 10px;margin:7px 0 10px;}
#s-stats .li {
display:flex;align-items:center;gap:4px;font-size:12px;color:#2C2820;font-family:sans-serif;}
#s-stats .dot {
width:9px;height:9px;border-radius:50%;flex-shrink:0;}
#s-stats .br {
display:flex;align-items:center;gap:9px;margin-bottom:6px;}
#s-stats .bl {
width:56px;font-size:14px;color:#2C2820;font-family:sans-serif;text-align:right;flex-shrink:0;font-weight:500;}
#s-stats .bb {
flex:1;height:15px;background:#E0DAD0;border-radius:8px;overflow:hidden;}
#s-stats .bf {
height:100%;border-radius:8px;}
#s-stats .bc {
font-size:13px;color:#5a5252;font-family:sans-serif;width:28px;text-align:right;flex-shrink:0;font-weight:600;}
#s-stats .bn {
background:#F5F0E6;border-top:1.5px solid #C8C2B0;display:flex;}
#s-stats .ni {
flex:1;padding:9px 0 17px;text-align:center;}
#s-stats .ni .ico {
font-size:22px;}
#s-stats .ni span {
display:block;font-size:11.5px;color:#8a8070;font-family:sans-serif;margin-top:2px;}
#s-stats .ni.on span {
color:#2C2820;font-weight:bold;}



/* ====== TRAINING ====== */
#s-training .phone {
width:min(390px,calc(100vw - 32px));background:#EEEAE0;border-radius:42px;overflow:hidden;box-shadow:0 0 0 2px #9a9080,0 22px 56px rgba(0,0,0,.45);display:flex;flex-direction:column;height:812px;position:relative}
#s-training .status {
background:#2C2820;height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;flex-shrink:0}
#s-training .st-l {
color:#F5F0E6;font-family:sans-serif;font-size:14px;font-weight:700}
#s-training .st-r {
color:#F5F0E6;font-family:sans-serif;font-size:11px}
#s-training .banner {
flex-shrink:0;height:132px;background-image:url('images/banner-training.png');background-size:cover;background-position:center 32%;position:relative}
#s-training .banner-grad {
position:absolute;inset:0;background:linear-gradient(to top,rgba(30,30,20,.78) 0%,rgba(20,20,12,.08) 55%,transparent 100%)}
#s-training .banner-row {
position:absolute;bottom:0;left:0;right:0;padding:10px 16px 12px;display:flex;justify-content:space-between;align-items:flex-end}
#s-training .banner-title {
color:#F5F0E6;font-size:22px;font-family:Georgia,serif;font-weight:bold;text-shadow:0 1px 6px rgba(0,0,0,.7);letter-spacing:.5px}
#s-training .banner-btn {
background:#D4AF37;color:#2C2820;border:none;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.35);letter-spacing:.3px}
#s-training .stab-row {
background:#2C2820;display:flex;flex-shrink:0}
#s-training .stab {
flex:1;text-align:center;padding:10px 0;font-size:13px;font-family:sans-serif;cursor:pointer;border-bottom:2.5px solid transparent;color:#8a8070;transition:all .2s}
#s-training .stab.on {
color:#D4AF37;border-bottom-color:#D4AF37}
#s-training .content {
flex:1;overflow-y:auto;background:#EEEAE0}
#s-training .content::-webkit-scrollbar {
width:3px}
#s-training .content::-webkit-scrollbar-thumb {
background:#C8C2B0;border-radius:3px}
#s-training .card {
background:#F5F0E6;border-radius:12px;padding:15px;margin:0 12px 10px;border:1px solid #C8C2B0}
#s-training .sec-lbl {
font-size:11px;color:#8a8070;font-weight:600;letter-spacing:.4px;margin-bottom:11px;font-family:sans-serif}
#s-training .chip {
background:#2C2820;color:#EEEAE0;border-radius:20px;padding:6px 15px;font-size:12px;font-weight:600;display:inline-block;font-family:sans-serif}
#s-training .tab-bar {
background:#EEEAE0;display:flex;padding:10px 4px 16px;flex-shrink:0;border-top:1.5px solid #C8C2B0}
#s-training .btab {
flex:1;text-align:center;padding:2px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}
#s-training .btab-icon {
font-size:30px;line-height:1.1}
#s-training .btab-lbl {
font-size:12px;color:#2C2820;font-family:'Jua',sans-serif}
#s-training .btab.active .btab-lbl {
font-weight:700;color:#2C2820}
#s-training .cal-hdr {
display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}
#s-training .cal-dhdr {
text-align:center;font-size:11px;padding:4px 0;font-family:sans-serif;font-weight:600}
#s-training .cal-grid {
display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
#s-training .cal-cell {
padding:2px}
#s-training .det-card {
background:#2C2820;border-radius:12px;padding:15px;margin:0 12px 16px}
#s-training .det-badge {
display:inline-flex;align-items:center;gap:7px;border-radius:16px;padding:6px 14px;border:1.5px solid}
#s-training .det-info {
display:flex;flex-wrap:wrap;gap:14px;margin-top:11px}
#s-training .det-info span {
font-size:13px;color:#EEEAE0;font-family:sans-serif}
#s-training .memo-box {
background:#FFFBF0;border:1px solid #d4c870;border-radius:9px;padding:12px 14px;margin-top:11px}
#s-training .memo-text {
font-family:'Jua',sans-serif;font-size:15px;color:#2C2820;line-height:1.65}
#s-training .memo-card-wrap {
display:flex;margin:0 12px 11px;border-radius:12px;overflow:hidden;border:1px solid #C8C2B0}
#s-training .memo-card-strip {
width:4.5px;flex-shrink:0}
#s-training .memo-card-body {
flex:1;padding:13px 14px;background:#F5F0E6}
#s-training .memo-head {
display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#s-training .memo-type {
display:flex;align-items:center;gap:6px}
#s-training .memo-date div {
font-size:11px;color:#8a8070;font-family:sans-serif;text-align:right}
#s-training .ttype {
border-radius:20px;padding:7px 13px;font-size:12px;font-weight:700;cursor:pointer;border:1.5px solid;transition:all .15s;font-family:sans-serif;display:inline-flex;align-items:center;gap:5px}
#s-training .indoor-ic {
display:inline-block;background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2026%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2222%22%20rx%3D%220.8%22%20fill%3D%22%23777%22%2F%3E%0A%20%20%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2222%22%20rx%3D%220.8%22%20fill%3D%22%23777%22%2F%3E%0A%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2226%22%20height%3D%222.2%22%20rx%3D%220.8%22%20fill%3D%22%23555%22%2F%3E%0A%20%20%3Cline%20x1%3D%222%22%20y1%3D%226%22%20x2%3D%2224%22%20y2%3D%226%22%20stroke%3D%22%23279623%22%20stroke-width%3D%220.9%22%2F%3E%0A%20%20%3Cline%20x1%3D%222%22%20y1%3D%2211%22%20x2%3D%2224%22%20y2%3D%2211%22%20stroke%3D%22%23279623%22%20stroke-width%3D%220.9%22%2F%3E%0A%20%20%3Cline%20x1%3D%222%22%20y1%3D%2216%22%20x2%3D%2224%22%20y2%3D%2216%22%20stroke%3D%22%23279623%22%20stroke-width%3D%220.9%22%2F%3E%0A%20%20%3Cline%20x1%3D%222%22%20y1%3D%2221%22%20x2%3D%2224%22%20y2%3D%2221%22%20stroke%3D%22%23279623%22%20stroke-width%3D%220.9%22%2F%3E%0A%20%20%3Cline%20x1%3D%225.5%22%20y1%3D%222.2%22%20x2%3D%225.5%22%20y2%3D%2222%22%20stroke%3D%22%23279623%22%20stroke-width%3D%220.9%22%2F%3E%0A%20%20%3Cline%20x1%3D%229.5%22%20y1%3D%222.2%22%20x2%3D%229.5%22%20y2%3D%2222%22%20stroke%3D%22%23279623%22%20stroke-width%3D%220.9%22%2F%3E%0A%20%20%3Cline%20x1%3D%2213.5%22%20y1%3D%222.2%22%20x2%3D%2213.5%22%20y2%3D%2222%22%20stroke%3D%22%23279623%22%20stroke-width%3D%220.9%22%2F%3E%0A%20%20%3Cline%20x1%3D%2217.5%22%20y1%3D%222.2%22%20x2%3D%2217.5%22%20y2%3D%2222%22%20stroke%3D%22%23279623%22%20stroke-width%3D%220.9%22%2F%3E%0A%20%20%3Cline%20x1%3D%2221.5%22%20y1%3D%222.2%22%20x2%3D%2221.5%22%20y2%3D%2222%22%20stroke%3D%22%23279623%22%20stroke-width%3D%220.9%22%2F%3E%0A%3C%2Fsvg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;vertical-align:middle}
#s-training .modal {
display:none;position:absolute;inset:0;background:rgba(0,0,0,.74);z-index:50;align-items:flex-end;border-radius:42px;overflow:hidden}
#s-training .modal-sheet {
background:#F5F0E6;border-radius:20px 20px 0 0;padding:20px 16px 28px;width:100%;max-height:88%;overflow-y:auto;font-family:sans-serif}
#s-training textarea.modal-memo {
width:100%;background:#FFFBF0;border:1.5px solid #d4c870;border-radius:10px;padding:11px 13px;font-family:'Jua',sans-serif;font-size:14px;color:#2C2820;outline:none;resize:none;line-height:1.65;box-sizing:border-box}
#s-training textarea.modal-memo::placeholder {
color:#a09880}
#s-training .form-input {
width:100%;background:#EEEAE0;border:1.5px solid #C8C2B0;border-radius:10px;padding:10px 13px;font-size:14px;color:#2C2820;outline:none;box-sizing:border-box;font-family:sans-serif}
#s-training .form-input:focus {
border-color:#2C2820}
#s-training .f-lbl {
font-size:11px;color:#6a6050;font-weight:700;margin-bottom:6px;display:block}
#s-training .opt-row {
display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
#s-training .opt-row .f-lbl {
margin:0}
#s-training .tog-wrap {
position:relative;width:40px;height:22px;display:inline-block;flex-shrink:0}
#s-training .tog-wrap input {
opacity:0;width:0;height:0;position:absolute}
#s-training .tog-sl {
position:absolute;inset:0;background:#C8C2B0;border-radius:22px;cursor:pointer;transition:.3s}
#s-training .tog-sl:before {
content:'';position:absolute;width:18px;height:18px;left:2px;top:2px;background:white;border-radius:50%;transition:.3s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
#s-training .tog-wrap input:checked + .tog-sl {
background:#2C2820}
#s-training .tog-wrap input:checked + .tog-sl:before {
transform:translateX(18px)}
#s-training .opt-body {
transition:opacity .2s}
#s-training .opt-body.off {
opacity:.32;pointer-events:none}
#s-training .tb-row {
display:flex;gap:10px;margin-bottom:14px}
#s-training .tb-group {
flex:1}
#s-training .time-inp {
display:flex;align-items:center;background:#EEEAE0;border:1.5px solid #C8C2B0;border-radius:10px;padding:9px 10px;gap:5px}
#s-training .time-inp input {
width:24px;border:none;background:transparent;font-size:14px;color:#2C2820;text-align:center;outline:none;font-family:sans-serif}
#s-training .time-inp span {
font-size:11px;color:#8a8070}
#s-training .ball-cnt {
display:flex;align-items:center;justify-content:space-between;background:#EEEAE0;border:1.5px solid #C8C2B0;border-radius:10px;padding:7px 9px}
#s-training .ball-btn {
background:#E0DCD0;border:none;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;font-family:sans-serif}
#s-training .ball-n {
font-size:14px;color:#2C2820;font-weight:700;font-family:sans-serif}
#s-training .tbar-row {
display:flex;align-items:center;gap:7px;margin-bottom:6px}
#s-training .tbar-lbl {
font-size:11px;color:#2C2820;width:36px;flex-shrink:0;font-family:sans-serif}
#s-training .tbar-track {
flex:1;height:8px;background:#E0DCD0;border-radius:4px;overflow:hidden}
#s-training .tbar-fill {
height:100%;border-radius:4px}
#s-training .tbar-n {
font-size:11px;color:#8a8070;width:14px;text-align:right;font-family:sans-serif}