
/* ===============================================================
   HOOPROVE v3.33 — FLOW / PUBLIC / ANALYSIS COMPLETE RENEWAL
   Based on the supplied HOOPROVE_app_v37 reference.
   =============================================================== */
:root{--v-o:#ff5708;--v-home:#dc143c;--v-away:#4169e1;--v-black:#0b0e12;--v-line:#e4e5e7;--v-bg:#f4f5f6;--v-green:#279a63;--v-blue:#2f7bdc}
.v333-page-head{margin:0 0 12px}.v333-page-head>span{font-size:9px;letter-spacing:.15em;color:var(--v-o);font-weight:900}.v333-page-head h1{font-size:28px;margin:6px 0}.v333-page-head p{font-size:11px;color:#777;margin:0}
.v333-wizard-steps,.v333-lineup-steps{display:flex;justify-content:center;align-items:flex-start;margin:22px 0 26px}.v333-step,.v333-lineup-steps>div{width:120px;text-align:center;color:#aaa}.v333-step b,.v333-lineup-steps b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #ccc;margin:auto;font-size:11px}.v333-step span,.v333-lineup-steps span{display:block;font-size:10px;font-weight:900;margin-top:5px}.v333-step.active,.v333-lineup-steps .active{color:var(--v-o)}.v333-step.active b,.v333-lineup-steps .active b{background:var(--v-o);border-color:var(--v-o);color:#fff}.v333-step.done,.v333-lineup-steps .done{color:#333}.v333-step.done b,.v333-lineup-steps .done b{background:#111;color:#fff;border-color:#111}.v333-wizard-steps i,.v333-lineup-steps i{width:80px;height:1px;background:#ddd;margin-top:18px}
.v333-wizard-card{background:#fff;border:1px solid var(--v-line);border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #0000000a}.v333-wizard-head{padding:20px 24px;border-bottom:1px solid #eee;display:flex;align-items:start;justify-content:space-between;gap:12px}.v333-wizard-head h2{font-size:19px;margin:0 0 5px}.v333-wizard-head p{margin:0;color:#888;font-size:10px}.v333-wizard-head>span{font-size:9px;color:#aaa;font-weight:900;letter-spacing:.1em}.v333-wizard-body{padding:24px}.v333-step-panel{display:none}.v333-step-panel.active{display:block}.v333-fields,.v333-confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v333-fields .full,.v333-confirm-grid .full{grid-column:1/-1}.v333-fields label>span,.v333-confirm-grid label>span{display:block;font-size:11px;font-weight:900}.v333-fields input,.v333-fields select,.v333-confirm-grid select{height:48px!important;margin-top:7px!important;border-radius:7px!important}.v333-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v333-mode-grid button{position:relative;border:2px solid #e6e6e6;border-radius:12px;padding:20px 17px;text-align:left;cursor:pointer;background:#fff;transition:.15s}.v333-mode-grid strong{display:block;font-size:18px}.v333-mode-grid span{display:block;font-size:10px;color:#777;line-height:1.65;margin-top:7px}.v333-mode-grid em{display:inline-flex;margin-top:12px;font-style:normal;font-size:9px;font-weight:900;border-radius:999px;padding:5px 8px;background:#f3f3f3}.v333-mode-grid button.selected{border-color:var(--v-o);background:#fff8f3}.v333-mode-grid button.selected strong{color:var(--v-o)}.v333-info-note{margin-top:14px;background:#fffaf6;border:1px solid #f1dfd1;border-radius:8px;padding:12px 14px;font-size:9px;color:#76675e;line-height:1.7}.v333-confirm-message{text-align:center;padding:24px 0}.v333-confirm-message b{display:block;font-size:20px}.v333-confirm-message span{display:block;color:#777;font-size:11px;margin-top:7px}.v333-actions-bar{display:flex;justify-content:space-between;gap:12px;padding:18px 24px;border-top:1px solid #eee;background:#fafafa}.v333-back,.v333-next{height:48px;border-radius:8px;padding:0 22px;font-weight:900;cursor:pointer}.v333-back{border:1px solid #ddd;background:#fff;color:#111}.v333-next{border:0;background:linear-gradient(90deg,#ff6900,#ff4b00);color:#fff;margin-left:auto}.v333-back:disabled{opacity:.35}

/* lineup */
.hp-page-game-setup.hp-focus-shell{background:var(--v-bg)!important}.hp-page-game-setup .hp-focus-main{max-width:980px!important;background:transparent!important;box-shadow:none!important}.hp-page-game-setup .hp-focus-header{display:none}.hp-page-game-setup .hp-focus-content{padding:22px 14px 50px!important}.v333-lineup-wrap{width:min(100%,920px);margin:auto}.v333-lineup-logo{width:220px;margin:auto;background:#fff;border-radius:9px;padding:7px 10px}.v333-lineup-head{text-align:center;margin:20px 0}.v333-lineup-head>span{font-size:9px;letter-spacing:.15em;color:var(--v-home);font-weight:900}.v333-lineup-head h1{font-size:28px;margin:6px 0}.v333-lineup-head p{font-size:11px;color:#777}.v333-lineup-card{background:#fff;border:1px solid var(--v-line);border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #0000000b}.v333-lineup-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eee}.v333-lineup-tabs button{height:54px;border:0;background:#fafafa;font-size:12px;font-weight:900;position:relative}.v333-lineup-tabs .home.active{background:#fff2f4;color:var(--v-home)}.v333-lineup-tabs .away.active{background:#f1f4ff;color:var(--v-away)}.v333-lineup-tabs .active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:currentColor}.v333-lineup-team{display:none}.v333-lineup-team.active{display:block}.v333-lineup-card-head{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.v333-lineup-card-head small{font-size:8px;color:#999;letter-spacing:.1em}.v333-lineup-card-head h2{margin:3px 0 0;font-size:17px}.v333-counter{display:flex;align-items:baseline;gap:5px}.v333-counter b{font-size:22px}.team-home .v333-counter b{color:var(--v-home)}.team-away .v333-counter b{color:var(--v-away)}.v333-counter span{font-size:9px;color:#777}.v333-number-help{padding:12px 18px 0;color:#777;font-size:9px}.v333-jersey-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;padding:14px 18px;max-height:330px;overflow:auto}.v333-jersey-grid .jersey-number{height:42px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:11px;font-weight:900}.team-home .v333-jersey-grid .jersey-number.selected{background:var(--v-home)!important;border-color:var(--v-home)!important;color:#fff!important}.team-away .v333-jersey-grid .jersey-number.selected{background:var(--v-away)!important;border-color:var(--v-away)!important;color:#fff!important}.v333-name-accordion{margin:0 18px 18px;border:1px solid #eee;border-radius:8px;overflow:hidden}.v333-name-accordion summary{padding:12px 14px;background:#fafafa;cursor:pointer;font-size:10px;font-weight:900}.v333-name-accordion>div{padding:12px}.v333-lineup-completion{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px 16px}.v333-lineup-completion>div{border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-size:9px;color:#777}.v333-lineup-completion strong{display:block;font-size:11px;color:#111;margin-bottom:4px}.v333-lineup-completion .home{background:#fff5f6;border-color:#e9bdc4}.v333-lineup-completion .away{background:#f3f6ff;border-color:#c9d4f4}.v333-lineup-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;padding:16px 18px;border-top:1px solid #eee;background:#fafafa}.v333-lineup-actions>*{height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.v333-lineup-actions .v333-start{border:0;background:linear-gradient(90deg,var(--v-home),var(--v-away));color:#fff}

/* score input: only the redesigned console is visible, legacy duplicate UI stays DOM for JS compatibility */
.hp-page-score .game-input-head,.hp-page-score .v17-scoreboard,.hp-page-score .score-flow-steps,.hp-page-score .quarter-lineup-gate,.hp-page-score .team-panels,.hp-page-score .quarter-save-card,.hp-page-score .play-history-card{display:none!important}.hp-page-score .v333-score-console{display:block!important;background:#f4f5f6!important}.hp-page-score .rsc-topbar{background:#111!important}.hp-page-score .rsc-score-head{border-bottom:1px solid #ddd!important}.hp-page-score .rsc-home-score{color:var(--v-home)!important}.hp-page-score .rsc-away-score{color:var(--v-away)!important}.hp-page-score .rsc-quarter-switch{background:#1b1f24!important;border-radius:7px!important}.hp-page-score .rsc-quarter-switch button{color:#fff!important}.hp-page-score .rsc-quarter-switch button.active{background:linear-gradient(90deg,var(--v-home),var(--v-away))!important}.hp-page-score .rsc-court{gap:10px!important}.hp-page-score .rsc-roster-column-home{border-left:4px solid var(--v-home)!important}.hp-page-score .rsc-roster-column-away{border-right:4px solid var(--v-away)!important}.hp-page-score .rsc-controls{background:#fff!important;border-radius:10px!important}.hp-page-score .rsc-made{background:#111!important}.hp-page-score [data-rsc-team-turnover="home"]{background:var(--v-home)!important;color:#fff!important}.hp-page-score [data-rsc-team-turnover="away"]{background:var(--v-away)!important;color:#fff!important}

/* chart edit */
.hp-page-chart-edit .hp-content{max-width:1180px!important}.v333-chart-edit-head{background:#111!important;color:#fff!important;border-radius:12px!important;padding:16px 18px!important}.v333-chart-edit-head h1,.v333-chart-edit-head p{color:#fff!important}.v333-chart-timeline{border-radius:10px!important;overflow:hidden!important}.hp-page-chart-edit .chart-event-row{position:relative!important;border-left:5px solid var(--v-home)!important}.hp-page-chart-edit .chart-event-row[data-team-side="away"]{border-left-color:var(--v-away)!important}.hp-page-chart-edit .chart-shot-court,.hp-page-chart-edit .chart-edit-court{background:linear-gradient(180deg,#f8f3ec,#f0e8dd)!important;border-color:#b7aa9b!important}

/* internal result + analysis header */
.v333-result-topbar,.v333-analysis-topbar,.v333-overall-topbar{background:#111;color:#fff;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.v333-result-topbar span,.v333-analysis-topbar span,.v333-overall-topbar span{font-size:8px;color:#ff9070;letter-spacing:.15em;font-weight:900}.v333-result-topbar strong,.v333-analysis-topbar strong,.v333-overall-topbar strong{display:block;font-size:20px;margin-top:3px}.v333-result-topbar small,.v333-analysis-topbar small,.v333-overall-topbar small{display:block;color:#aaa;font-size:9px;margin-top:4px}.v333-result-topbar nav,.v333-analysis-topbar nav,.v333-overall-topbar nav{display:flex;gap:6px;flex-wrap:wrap}.v333-result-topbar nav a,.v333-analysis-topbar nav a,.v333-overall-topbar nav a{height:36px;padding:0 11px;border:1px solid #35393e;border-radius:7px;display:flex;align-items:center;color:#fff;font-size:9px;font-weight:900}.v333-result-topbar nav a.active,.v333-analysis-topbar nav a.active,.v333-overall-topbar nav a.active{background:linear-gradient(90deg,var(--v-home),var(--v-away));border-color:transparent}.v333-analysis-mode-tabs{display:flex;align-items:center;gap:8px;margin-bottom:12px}.v333-analysis-mode-tabs button{height:38px;border:0;border-radius:7px;background:#111;color:#fff;padding:0 13px;font-size:9px;font-weight:900}.v333-analysis-mode-tabs span{font-size:9px;color:#777}

/* analysis cards -> reference scale */
.hp-page-analysis .analysis-summary-grid,.hp-page-public-analysis .analysis-summary-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:9px!important}.hp-page-analysis .analysis-summary,.hp-page-public-analysis .analysis-summary{border:1px solid var(--v-line)!important;border-radius:9px!important;background:#fff!important;padding:13px!important}.hp-page-analysis .analysis-card,.hp-page-analysis .chart-personal-analysis,.hp-page-home-analysis .ha-panel,.hp-page-combined-analysis .ha-panel,.hp-page-public-analysis .analysis-card,.hp-page-public-analysis .chart-personal-analysis{border:1px solid var(--v-line)!important;border-radius:10px!important;box-shadow:none!important;margin-top:12px!important;overflow:hidden!important}.hp-page-analysis .section-head,.hp-page-public-analysis .section-head{padding:13px 15px!important;margin:0!important;border-bottom:1px solid #eee!important}.hp-page-analysis .analysis-table,.hp-page-public-analysis .analysis-table{font-size:10px!important}.hp-page-analysis .plusminus-grid,.hp-page-public-analysis .plusminus-grid{grid-template-columns:repeat(4,1fr)!important;gap:9px!important}.hp-page-home-analysis .ha-kpi-grid,.hp-page-combined-analysis .ha-kpi-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:9px!important}.hp-page-home-analysis .ha-kpi,.hp-page-combined-analysis .ha-kpi{padding:13px!important;border-radius:9px!important}.hp-page-home-analysis .home-analysis-filter,.hp-page-combined-analysis .home-analysis-filter{background:#fff;border:1px solid var(--v-line);border-radius:10px;padding:12px!important}.hp-page-home-analysis .home-analysis-hero,.hp-page-combined-analysis .home-analysis-hero{background:#fff!important;color:#111!important;border:1px solid var(--v-line)!important;box-shadow:none!important}.hp-page-home-analysis .home-analysis-hero h2,.hp-page-combined-analysis .home-analysis-hero h2{color:#111!important}.hp-page-home-analysis .ha-analysis-grid,.hp-page-combined-analysis .ha-analysis-grid{gap:12px!important}

/* PUBLIC shell */
.hp-guest-main{width:min(100% - 28px,1180px)!important;margin:auto!important;padding:20px 0 48px!important}.hp-public-games-header,.hp-public-head{background:#fff;border-bottom:1px solid #e5e5e5}.hp-public-games-header-inner,.hp-public-head-inner{width:min(100% - 36px,1180px);margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hp-public-games-header img,.hp-public-head img{width:205px}.hp-public-games-header span,.hp-public-head-inner>span{font-size:9px;color:#888;letter-spacing:.15em}.hp-public-tabs{display:flex;gap:6px;flex-wrap:wrap}.hp-public-tabs a{height:36px;padding:0 12px;border:1px solid #ddd;background:#fff;border-radius:7px;display:flex;align-items:center;font-size:9px;font-weight:900}.hp-public-tabs a.active{background:#111;color:#fff;border-color:#111}.hp-public-login{height:36px;padding:0 12px;border:1px solid #ddd;border-radius:7px;display:flex;align-items:center;font-size:9px;font-weight:900}

/* public games */
.v333-public-hero{background:linear-gradient(180deg,#fff,#fff8f2);border-bottom:1px solid #f1e4db;margin-top:-20px}.v333-public-hero-inner{width:min(100%,1180px);margin:auto;padding:32px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.v333-public-team{display:flex;align-items:center;gap:18px}.v333-public-team img{width:76px;height:76px}.v333-public-team span{font-size:8px;color:var(--v-o);letter-spacing:.15em;font-weight:900}.v333-public-team h1{margin:3px 0 0;font-size:30px}.v333-public-team p{margin:6px 0 0;color:#777;font-size:13px}.v333-public-hero button{border:1px solid #ddd;background:#fff;border-radius:8px;padding:11px 16px;font-size:11px;font-weight:900}.v333-public-container{padding-top:24px}.v333-public-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v333-public-summary>div{background:#fff;border:1px solid var(--v-line);border-radius:10px;padding:17px;text-align:center}.v333-public-summary span{display:block;font-size:10px;color:#888}.v333-public-summary strong{display:block;font-size:28px;margin-top:4px}.v333-public-summary .win strong{color:var(--v-o)}.v333-public-summary .rate strong{color:var(--v-green)}.v333-public-ad{min-height:88px;margin:16px 0;background:#fff;border:1px solid var(--v-line);border-radius:10px;display:grid;place-items:center;text-align:center;color:#aaa}.v333-public-ad small{font-size:8px;letter-spacing:.2em}.v333-public-ad strong{font-size:13px;color:#555}.v333-public-filter{display:grid;grid-template-columns:1.5fr .8fr .8fr auto;gap:10px;background:#fff;border:1px solid var(--v-line);border-radius:10px;padding:14px;margin-bottom:14px}.v333-public-filter input,.v333-public-filter select{height:44px!important;margin:0!important;border-radius:7px!important}.v333-public-filter button{border:1px solid #ddd;background:#fff;border-radius:7px;padding:0 16px;font-size:11px;font-weight:900}.v333-public-list{background:#fff;border:1px solid var(--v-line);border-radius:10px;overflow:hidden}.v333-public-list-head,.v333-public-row{display:grid;grid-template-columns:120px 1.2fr 1.3fr .7fr .6fr 90px;gap:12px;align-items:center}.v333-public-list-head{padding:12px 18px;background:#fafafa;border-bottom:1px solid #eee;color:#777;font-size:10px;font-weight:900}.v333-public-row{padding:16px 18px;border-bottom:1px solid #eee}.v333-public-row:last-of-type{border-bottom:0}.v333-public-row .date b{display:block;font-size:13px}.v333-public-row .date small,.v333-public-row .title small{color:#999;font-size:9px}.v333-public-row .opponent{display:flex;align-items:center;gap:10px}.v333-public-row .opponent>span{width:32px;height:32px;border-radius:8px;background:#f2f2f2;display:grid;place-items:center;font-weight:900}.v333-public-row .score{font-size:21px;font-weight:950}.v333-public-row .result{font-size:11px;font-weight:950}.v333-public-row .result.win{color:var(--v-o)}.v333-public-row .result.lose{color:var(--v-blue)}.v333-public-row .detail a{border:1px solid #ddd;background:#fff;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:900}.v333-public-empty{padding:50px 20px;text-align:center;color:#777}.v333-public-note{margin-top:16px;background:#fffaf6;border:1px solid #f1dfd1;border-radius:9px;padding:13px 15px;font-size:10px;line-height:1.7;color:#777}

/* public result */
.v333-public-old-head{display:none!important}.v333-public-match-head{background:#111;color:#fff;border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.v333-public-match-head span{font-size:8px;color:#aaa;letter-spacing:.1em}.v333-public-match-head h1{font-size:20px;margin:4px 0}.v333-public-match-head p{margin:0;color:#aaa;font-size:9px}.v333-public-match-head a{height:36px;padding:0 12px;border:1px solid #35393e;border-radius:7px;display:flex;align-items:center;color:#fff;font-size:9px;font-weight:900}.hp-page-public-result .card{border:1px solid var(--v-line)!important;border-radius:10px!important;box-shadow:none!important;margin-top:12px!important}.hp-page-public-result .v333-public-result-hero{display:grid!important;grid-template-columns:1fr auto 1fr!important;background:#fff!important;color:#111!important;padding:18px!important}.hp-page-public-result .v333-public-result-hero>div{border:1px solid #eee;border-radius:8px;padding:14px;text-align:center}.hp-page-public-result .v333-public-result-hero>div:first-child strong{color:var(--v-home)!important}.hp-page-public-result .v333-public-result-hero>div:last-child strong{color:var(--v-away)!important}.hp-page-public-result .v333-public-result-hero>span{display:grid;place-items:center;padding:0 12px}.hp-page-public-result table{min-width:690px!important;font-size:9px!important}.hp-page-public-result table th{background:#fafafa!important;color:#111!important;border-color:#eee!important}.hp-page-public-result .youtube-embed iframe{border-radius:9px!important}

/* public analysis */
.v333-public-analysis-title{background:#111;color:#fff;border-radius:12px;padding:14px 16px;margin-bottom:12px}.v333-public-analysis-title span{font-size:8px;color:#aaa;letter-spacing:.12em}.v333-public-analysis-title h1{font-size:20px;margin:4px 0}.v333-public-analysis-title p{margin:0;color:#aaa;font-size:9px}.v333-public-analysis-head{display:none!important}.hp-page-public-analysis .analysis-card,.hp-page-public-analysis .chart-personal-analysis{background:#fff!important;border:1px solid var(--v-line)!important;border-radius:10px!important;box-shadow:none!important}.hp-page-public-analysis .chart-kpi-grid{grid-template-columns:repeat(4,1fr)!important}.hp-page-public-analysis .chart-analysis-panel{border:1px solid #eee!important;border-radius:8px!important;background:#fff!important}.hp-page-public-analysis .ca-court{background:linear-gradient(180deg,#f8f3ec,#f0e8dd)!important}

/* responsive */
@media(max-width:800px){
 .v333-wizard-steps,.v333-lineup-steps{justify-content:space-between}.v333-step,.v333-lineup-steps>div{width:auto;min-width:55px}.v333-wizard-steps i,.v333-lineup-steps i{width:28px}.v333-step span,.v333-lineup-steps span{font-size:8px}.v333-wizard-body{padding:17px}.v333-fields,.v333-confirm-grid{grid-template-columns:1fr}.v333-fields .full,.v333-confirm-grid .full{grid-column:auto}.v333-mode-grid{grid-template-columns:1fr}.v333-jersey-grid{grid-template-columns:repeat(5,1fr)}.v333-lineup-head h1{font-size:24px}.v333-lineup-logo{width:180px}
 .v333-public-hero-inner{display:block;padding:22px 0}.v333-public-hero button{width:100%;margin-top:16px}.v333-public-summary{grid-template-columns:1fr 1fr;gap:8px}.v333-public-filter{grid-template-columns:1fr 1fr}.v333-public-filter input{grid-column:1/-1}.v333-public-list-head{display:none}.v333-public-list{background:transparent;border:0;overflow:visible}.v333-public-row{grid-template-columns:1fr auto;background:#fff;border:1px solid var(--v-line);border-radius:9px;padding:14px;margin-bottom:9px;gap:9px}.v333-public-row .date{grid-column:1}.v333-public-row .score{grid-column:2;grid-row:1/3;font-size:22px}.v333-public-row .title,.v333-public-row .opponent{grid-column:1}.v333-public-row .result{display:none}.v333-public-row .detail{grid-column:2;grid-row:3/5;align-self:end}.v333-public-team img{width:60px;height:60px}.v333-public-team h1{font-size:23px}
 .v333-result-topbar,.v333-analysis-topbar,.v333-overall-topbar{display:block}.v333-result-topbar nav,.v333-analysis-topbar nav,.v333-overall-topbar nav{margin-top:12px}
 .hp-page-analysis .analysis-summary-grid,.hp-page-public-analysis .analysis-summary-grid,.hp-page-analysis .plusminus-grid,.hp-page-public-analysis .plusminus-grid{grid-template-columns:1fr 1fr!important}.hp-page-home-analysis .ha-kpi-grid,.hp-page-combined-analysis .ha-kpi-grid,.hp-page-public-analysis .chart-kpi-grid{grid-template-columns:1fr 1fr!important}
}
