/* Completion-reference finish: dense supporting information, prominent decisions. */
:root{--color-navy:#0F284D;--color-cta:#FF6170;--color-border:#E6EBF2;--shadow-soft:0 3px 14px #142a4a08}
.phone{background:#fff}main,.screen-book main.book{padding:20px 20px 102px}.phone>header.ds-header,.manual>header.ds-header{height:56px;min-height:56px;border-bottom:0}.ds-close{position:absolute;right:16px;top:6px;width:44px;height:44px;background:none;color:var(--color-navy);font-size:26px}.phone nav.ds-bottom-nav{min-height:70px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.ds-bottom-nav small{font-size:10px}.ds-bottom-nav svg{width:21px;height:21px}.reference-home-hero{margin:-20px -20px 0;min-height:258px;padding:26px 20px 28px;background-position:60% 35%;border-radius:0}.reference-home-hero:before{background:linear-gradient(90deg,#0b2849e8,#17365328)}.home-brand{margin-bottom:24px}.home-brand strong{font-size:26px}.home-brand .manual-icon{width:26px;height:26px}.home-greeting p{font-size:29px}.home-greeting p>span{font-size:15px}.phone .home-start{margin:-34px 0 20px}.phone .home-start .primary{min-height:64px;background:var(--color-cta);box-shadow:0 5px 14px #ef526533;border-radius:20px}.home-message{position:relative;font-size:13px;line-height:1.9;padding:18px 34px;border:0;border-radius:12px;background:linear-gradient(110deg,#eef7ff,#fff2e9);margin-bottom:26px}.home-message:before{content:'“';position:absolute;left:12px;top:6px;font-size:34px;color:#9fb8f9}.home-message:after{content:'”';position:absolute;right:12px;bottom:0;font-size:34px;color:#f4bf88}.home .section-heading{margin:22px 0 12px}.phone .home h2{font-size:18px}.home .discovery-card h3{font-size:15px;line-height:1.7}.phone .home .discovery-card{min-height:88px;padding:16px 32px 16px 16px;border:var(--border);border-left:3px solid var(--color-success);border-radius:12px}.home-recent{margin-bottom:26px}.weekly-view{margin-top:26px}.weekly-view .viz-heading{margin-bottom:14px}.home-history{font-size:12px}.home .viz-note{font-size:11px}
.choosePlay .heading{margin:14px 0 22px}.choosePlay .heading h1{font-size:25px!important;max-width:290px}.ds-play-list{gap:10px}.ds-play-list .ds-list-item{min-height:142px;padding:16px 8px;gap:10px;box-shadow:none}.ds-play-list .ds-list-icon{width:46px;height:46px}.ds-list-item[data-play="serve"] .ds-list-icon,.ds-list-item[data-play="spike"] .ds-list-icon{background:#fff0f5;color:#ef588f}.ds-list-item[data-play="set"] .ds-list-icon{background:#fff0df;color:#f28b35}.ds-list-item[data-play="other"] .ds-list-icon{background:#eef0f5;color:#65758f}.ds-play-list .ds-list-copy small{font-size:11px}.ds-play-list .ds-list-copy strong{font-size:16px}.ds-play-list .ds-list-item:last-child:nth-child(odd){min-height:80px}.phone .choice{font-size:14px;padding:16px}.phone .choice.selected{border-color:#f45f86;background:#fff1f5;box-shadow:inset 0 0 0 1px #f45f86}.phone .choice.selected i{background:#f45f86;border-color:#f45f86}.phone .interview-style .question-bubble p{font-size:24px!important}.phone .primary{border-radius:13px}.record-review h1{font-size:25px!important}
.manual-welcome{margin:10px 0 22px}.manual-welcome h1{font-size:26px!important}.manual-welcome p{font-size:14px}.manual-floor{min-height:132px;margin-bottom:14px;padding:20px;border-radius:14px}.manual-floor strong{font-size:24px}.manual-floor p{font-size:13px}.manual-floor.play{background:linear-gradient(90deg,#fceef4 48%,#ffffff55),url('../assets/volleyball-receive.png') right center/cover}.manual-floor.play .floor-art{display:none}.manual-motto{padding:16px;font-size:13px}.manual>header.ds-header{margin:-20px -20px 18px}.manual .play-banner{position:relative;background:linear-gradient(90deg,#10233ee6,#142a4a55),url('../assets/volleyball-receive.png') center/cover;color:white;border-radius:14px;padding:18px 20px;margin:0 0 16px}.manual .play-banner h1,.manual-side-up .play-banner h1,.manual-side-down .play-banner h1{font-size:24px!important;color:white;margin:4px 0}.manual .play-banner small,.manual .play-banner p{color:#edf2fa;font-size:12px}.manual .play-banner p{margin:0}.manual-tabs{margin-bottom:20px}.manual-tabs button{font-size:12px;min-height:43px}.manual-tabs button.active{color:#e94e7b;border-bottom:2px solid #f65e89;background:#fff0f4;border-radius:8px 8px 0 0}.manual-summary{padding:12px 0 20px}.manual-summary>small{font-size:12px}.manual-summary b{font-size:30px}.manual-summary-link{padding:15px;margin-bottom:10px}.manual-summary-link strong{font-size:16px}.manual-summary-link small{font-size:11px}.manual-encourage{margin:18px 0}.manual .manual-rank{padding:16px 0;min-height:72px}.manual-rank .rank-number{width:32px;height:32px;font-size:17px;background:#ffdc80;color:#122749}.manual-ranks.up .rank-copy .manual-bar i{background:#f46b98}.manual-ranks.down .rank-copy .manual-bar i{background:#489ae2}.rank-copy strong{font-size:15px}.manual .manual-rank b{font-size:16px}.manual-ranks>p{font-size:13px}.manual .ds-section-header h2{font-size:20px}.outcome-bar{height:9px}
.profile-overview{grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto;padding:16px 0 22px;gap:16px}.profile-overview .profile-photo{grid-row:auto;background:#e8f0f6}.profile-identity h1{font-size:23px!important}.profile-identity p{font-size:12px;color:var(--color-muted);margin:2px 0 8px}.profile-edit-link{padding:5px 10px;border:var(--border);border-radius:18px;background:white;font-size:12px;color:var(--color-navy)}.profile-journey>p{position:relative;background:linear-gradient(110deg,#fff3e9,#edf6ff);font-size:13px;padding:18px 24px;margin:0 0 14px}.journey-counts{gap:5px}.journey-counts>div{padding:12px 3px}.journey-counts strong{font-size:25px}.journey-counts small{font-size:10px}.profile-journey>small{font-size:10px}.profile-trends{margin:26px 0 12px}.profile-trends h2{font-size:17px}.profile-trends>p{font-size:11px;color:var(--color-muted);margin:4px 0 14px}.profile-trends>div{display:grid;grid-template-columns:1fr 1fr 30px;align-items:center;gap:10px;margin:14px 0}.profile-trends>div>span:first-child{font-size:12px}.profile-trends .manual-bar{width:100%;height:6px;margin:0;background:#eff2f6}.profile-trends .manual-bar i{background:#ee82a4}.profile-trends b{font-size:13px;font-weight:500;text-align:right}.profile-trends b small{font-size:10px}.journey-book{padding:16px 0;margin-bottom:0}.journey-book strong{font-size:15px}.profile-menu>button{min-height:52px;padding:12px 4px}.profile-menu span{font-size:14px}.profile-menu svg{width:18px;height:18px}
@media(max-width:370px){main,.screen-book main.book{padding-left:18px;padding-right:18px}.reference-home-hero{margin-left:-18px;margin-right:-18px}.ds-play-list .ds-list-item{min-height:136px}.ds-play-list .ds-list-copy strong{font-size:14px}.manual>header.ds-header{margin-left:-18px;margin-right:-18px}}
.phone .manual .play-banner h1{color:white!important;opacity:1!important;font-size:23px!important}.phone .manual .play-banner{min-height:106px}.phone .manual .play-banner small{opacity:1;color:#edf3ff}.phone .manual-side-up .play-banner p,.phone .manual-side-down .play-banner p{display:block;color:#edf3ff}.manual-welcome{margin-bottom:24px!important}.manual-floor{min-height:145px!important}