.retention-page{max-width:1100px;margin:auto}.retention-hero{display:flex;gap:24px;align-items:center;padding:24px 0}.retention-hero>.mode-logo{width:130px;height:130px;object-fit:contain;flex:none}.retention-hero h1{margin:8px 0;font-size:clamp(28px,5vw,44px)}.retention-page .panel{margin-bottom:20px}.retention-page label{display:flex;flex-direction:column;gap:8px;margin:14px 0}.retention-page input{width:100%;max-width:480px;box-sizing:border-box;min-height:46px}.retention-page progress,.retention-goal progress{width:100%;height:12px;accent-color:#6edbc1}.retention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.retention-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.retention-player{display:flex;align-items:center;flex-direction:column;padding:15px 8px;border:1px solid #314755;border-radius:16px;background:#112330}.retention-player .btn{width:100%}.retention-selected{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.retention-selected>div:last-child{flex:1;min-width:180px}.retention-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.retention-table td,.retention-table th{white-space:nowrap}.retention-me{background:#163e3c;color:#e0fff2}.retention-fixtures{display:grid;gap:12px}.retention-fixtures article{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:16px;border:1px solid #344d58;border-radius:12px}.retention-fixtures article>span:last-of-type{text-align:right}.retention-fixtures .btn,.retention-fixtures small{grid-column:1/-1}.retention-goal>div{display:flex;gap:12px;align-items:center}.retention-goal .mode-logo{width:46px;height:46px;object-fit:contain}.journey-new .mode-logo{object-fit:contain}
@media(max-width:600px){.retention-hero{gap:14px;padding:12px 0}.retention-hero>.mode-logo{width:82px;height:82px}.retention-hero p{font-size:13px}.retention-grid{grid-template-columns:1fr}.retention-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.retention-player{min-width:0;overflow:hidden}.retention-player>.card{zoom:.75}.retention-player .btn{font-size:12px;padding:10px 5px}.retention-selected{justify-content:center}.retention-fixtures article{font-size:13px;gap:8px}.retention-page>.btn{width:100%;min-height:48px}}