/* HOOPROVE v3.34 — prepared HTML design system applied to remaining content */
:root{--hpo:#ff5708;--hpb:#0b0e12;--hpline:#e6e7e9;--hpbg:#f5f6f7;--hpblue:#2f7bdc;--hpgreen:#2aa865;--hphome:#dc143c;--hpaway:#4169e1}
.v334-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.v334-page-head>div>span{font-size:9px;color:var(--hpo);font-weight:900;letter-spacing:.16em}.v334-page-head h1{font-size:28px;margin:4px 0 6px}.v334-page-head p{margin:0;color:#777;font-size:13px;line-height:1.8}.v334-orange-btn,.v334-light-btn{height:48px;padding:0 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.v334-orange-btn{border:0;background:linear-gradient(90deg,#ff6900,#ff4b00);color:#fff}.v334-light-btn{border:1px solid #ddd;background:#fff;color:#111}
.v334-summary4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.v334-summary4>div{background:#fff;border:1px solid var(--hpline);border-radius:10px;padding:17px 18px}.v334-summary4 span{display:block;font-size:10px;color:#777}.v334-summary4 strong{display:block;font-size:27px;margin-top:4px}.v334-summary4 small{font-size:8px;color:#aaa;letter-spacing:.1em}.v334-summary4 .orange strong{color:var(--hpo)}.v334-summary4 .blue strong{color:var(--hpblue)}.v334-summary4 .green strong{color:var(--hpgreen)}
.v334-guide{background:#111;color:#fff;border-radius:11px;padding:18px 20px;margin-bottom:16px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.v334-guide strong{display:block;font-size:15px;margin-bottom:7px}.v334-guide p{margin:0;color:#c9cbd0;font-size:10px;line-height:1.8}.v334-guide-badges{display:flex;gap:7px;flex-wrap:wrap}.v334-guide-badges span{font-size:9px;border:1px solid #3a3f44;padding:6px 8px;border-radius:999px}.v334-ad{min-height:88px;margin:16px 0;background:#fff;border:1px solid var(--hpline);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.v334-ad small{font-size:8px;letter-spacing:.2em}.v334-ad strong{font-size:13px;color:#555;margin-top:4px}
.v334-list-card{background:#fff;border:1px solid var(--hpline);border-radius:10px;overflow:hidden}.v334-list-head,.v334-team-row,.v334-user-row{display:grid;align-items:center;gap:12px}.v334-list-head{padding:12px 18px;background:#f7f8f9;border-bottom:1px solid #e8e9ea;color:#777;font-size:9px;font-weight:900}.v334-team-head,.v334-team-row{grid-template-columns:1.4fr 1fr 100px 120px 110px}.v334-team-row{padding:15px 18px;border-bottom:1px solid #eee;font-size:11px}.v334-team-row:last-child{border-bottom:0}.v334-team-name{display:flex;align-items:center;gap:10px}.v334-team-name .crest{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#111;color:#fff;font-weight:900}.v334-team-name strong{display:block;font-size:13px}.v334-team-name small{display:block;font-size:8px;color:#999;margin-top:3px}.v334-row-action{height:34px;border:1px solid #ddd;border-radius:7px;display:grid;place-items:center;font-size:9px;font-weight:900}
.v334-team-edit-layout,.v334-account-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;margin-bottom:16px}.v334-panel,.v334-section{background:#fff;border:1px solid var(--hpline);border-radius:11px;overflow:hidden;box-shadow:0 2px 10px #00000008}.v334-panel-head,.v334-section-head{padding:18px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:12px}.v334-panel-head h2,.v334-section-head h2{font-size:17px;margin:0}.v334-panel-head p,.v334-section-head p{margin:4px 0 0;color:#888;font-size:10px}.v334-panel-head>span,.v334-section-head>span{font-size:8px;color:#aaa;letter-spacing:.13em}.v334-panel-body,.v334-section-body{padding:22px}.v334-team-visual{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center}.v334-team-visual .crest{width:90px;height:90px;border:1px dashed #cfd1d4;border-radius:14px;display:grid;place-items:center;background:#fafafa;font-size:35px;font-weight:900}.v334-team-visual strong{display:block;font-size:22px}.v334-team-visual small{display:block;color:#777;margin-top:4px}.v334-team-visual em{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:999px;background:#f1f2f3;font-style:normal;font-size:8px;font-weight:900}.v334-info-note{background:#fffaf5;border:1px solid #f2decd;border-radius:8px;padding:11px 13px;font-size:9px;color:#77685e;line-height:1.8;margin-top:16px}.v334-roster-kpi{text-align:center}.v334-roster-kpi strong{font-size:42px;color:var(--hpo)}.v334-roster-kpi small{display:block;color:#999;font-size:9px;letter-spacing:.15em}
.v334-roster-form{padding:20px}.v334-roster-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.v334-roster-toolbar button{height:36px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:9px;font-weight:900}.v334-number-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.v334-number-grid .jersey-number{height:46px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:11px;font-weight:900}.v334-number-grid .jersey-number.selected{background:var(--hpo)!important;border-color:var(--hpo)!important;color:#fff!important}.v334-name-detail{margin-top:16px;border:1px solid #eee;border-radius:8px;overflow:hidden}.v334-name-detail summary{padding:12px 14px;background:#fafafa;font-size:10px;font-weight:900;cursor:pointer}.v334-name-detail>div{padding:14px}.v334-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.v334-form-actions>*{height:48px;padding:0 20px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900}.v334-form-actions a{border:1px solid #ddd;background:#fff}.v334-form-actions button{border:0;background:linear-gradient(90deg,#ff6900,#ff4b00);color:#fff}
.v334-fields-one{display:grid;gap:15px}.v334-fields-one label>span{display:block;font-size:10px;font-weight:900}.v334-account-summary{text-align:center}.v334-account-summary strong{display:block;font-size:42px}.v334-account-summary small{font-size:9px;color:#999;letter-spacing:.15em}.v334-user-head,.v334-user-row{grid-template-columns:1.1fr 130px 170px minmax(230px,1fr) 70px}.v334-user-row{padding:14px 18px;border-bottom:1px solid #eee;font-size:10px}.v334-user-name{display:flex;align-items:center;gap:10px}.v334-user-name>span{width:38px;height:38px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:900}.v334-user-name strong{font-size:12px}.v334-role{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px}.v334-role.admin{background:#111;color:#fff}.v334-role.editor{background:#fff1e8;color:#c44e12}.v334-inline-pass{display:flex;gap:6px}.v334-inline-pass input{height:36px!important;margin:0!important;min-height:36px!important}.v334-inline-pass button,.v334-delete-btn{height:36px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:9px;font-weight:900}.v334-delete-btn{color:#c33}
.v334-result-top{background:#111;color:#fff;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.v334-result-top>div>span{font-size:8px;color:#aaa;letter-spacing:.15em}.v334-result-top strong{display:block;font-size:20px;margin-top:3px}.v334-result-top small{display:block;color:#aaa;font-size:9px;margin-top:4px}.v334-result-top nav{display:flex;gap:6px}.v334-result-top 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}.v334-result-top nav a.active{background:linear-gradient(90deg,var(--hphome),var(--hpaway));border-color:transparent}
.v334-video-preview{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#111;color:#fff;border-radius:9px;padding:14px 16px}.v334-video-preview small{display:block;font-size:8px;color:#aaa}.v334-video-preview strong{display:block;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.v334-video-preview a{height:36px;padding:0 12px;border:1px solid #444;border-radius:7px;display:flex;align-items:center;color:#fff;font-size:9px;font-weight:900}.v334-video-empty{padding:30px;text-align:center;background:#fafafa;border:1px dashed #d8dadd;border-radius:9px;color:#888;font-size:10px}.v334-video-form{margin-top:16px}.v334-video-form label>span{display:block;font-size:10px;font-weight:900}.v334-video-form>p{font-size:9px;color:#777}.v334-video-form>div{display:flex;gap:8px}.v334-video-form button,.v334-video-form a{height:44px;padding:0 15px;border-radius:7px;display:flex;align-items:center;font-size:10px;font-weight:900}.v334-video-form button{border:0;background:var(--hpo);color:#fff}.v334-video-form a{border:1px solid #ddd}
.v334-notice{border-radius:10px;padding:18px;background:#fff;border:1px solid var(--hpline);display:grid;gap:6px}.v334-notice.danger{border-left:4px solid #d94d4d}.v334-notice strong{font-size:14px}.v334-notice span{font-size:10px;color:#777}.v334-notice a{width:max-content;background:var(--hpo);color:#fff;border-radius:7px;padding:9px 11px;font-size:9px;font-weight:900}.v334-analysis-request{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.v334-analysis-request label>span{display:block;font-size:9px;font-weight:900}.v334-analysis-request button{height:46px;border:0;border-radius:7px;background:#111;color:#fff;padding:0 15px;font-size:10px;font-weight:900}.v334-ai-list{display:grid;gap:8px}.v334-ai-list article{border:1px solid #eee;border-radius:8px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.v334-ai-list article small{display:block;color:#999;font-size:8px;margin-top:3px}.v334-ai-list article p{grid-column:1/-1;font-size:10px}.v334-ai-list article p.error{color:#c33}
.v334-manual-page{max-width:1180px!important}.v334-manual-hero{background:#111!important;color:#fff!important;border-radius:12px!important;padding:22px!important}.v334-manual-hero h1{color:#fff!important}.v334-manual-toc{position:sticky;top:105px;z-index:20;background:#fff!important;border:1px solid var(--hpline)!important;border-radius:10px!important;padding:10px!important;display:flex!important;gap:6px!important;overflow-x:auto!important}.v334-manual-toc a{white-space:nowrap;border:1px solid #ddd;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:900}.v334-manual-section{background:#fff!important;border:1px solid var(--hpline)!important;border-radius:10px!important;box-shadow:none!important}.v334-manual-section .manual-no{background:var(--hpo)!important;color:#fff!important}.v334-manual-bottom{background:#fff;border:1px solid var(--hpline);border-radius:10px;padding:12px!important}
.v334-mode-tabs,.v334-analysis-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.v334-mode-tabs span,.v334-analysis-tabs span{height:42px;border:1px solid #ddd;border-radius:8px;background:#fff;display:grid;place-items:center;font-size:9px;font-weight:900}.v334-mode-tabs span.active,.v334-analysis-tabs span.active{background:#111;color:#fff;border-color:#111}.v334-mode-tabs.public{margin-top:12px}
.v334-result-hero{background:#fff!important;color:#111!important;border:1px solid var(--hpline)!important;border-radius:10px!important;box-shadow:none!important}.v334-qscore th,.v334-qscore td{padding:10px!important}
.v334-reference-panel{border-radius:10px!important;box-shadow:none!important}
@media(max-width:900px){.v334-summary4{grid-template-columns:1fr 1fr}.v334-team-head{display:none}.v334-team-row{grid-template-columns:1fr auto}.v334-team-row>div:nth-child(2),.v334-team-row>div:nth-child(4){display:none}.v334-team-row .v334-row-action{grid-column:2;grid-row:1/3}.v334-team-edit-layout,.v334-account-layout{grid-template-columns:1fr}.v334-number-grid{grid-template-columns:repeat(5,1fr)}.v334-user-head{display:none}.v334-user-row{grid-template-columns:1fr auto}.v334-user-row>div:nth-child(3),.v334-user-row>div:nth-child(4){grid-column:1/-1}.v334-analysis-request{grid-template-columns:1fr}.v334-result-top{display:block}.v334-result-top nav{margin-top:12px}.v334-guide{grid-template-columns:1fr}.v334-page-head{display:block}.v334-page-head>a{margin-top:12px}}