.riverside-demo .portal{grid-template-columns:230px minmax(0,1fr)}.riverside-demo .portal-main{min-width:0;padding:38px 4%;overflow:visible}.riverside-demo .portal-top h1{font-size:clamp(25px,3vw,36px)}.riverside-demo .rp-tools{min-width:0}.riverside-demo .rp-tools .view-heading{flex-wrap:wrap;gap:18px}.riverside-demo .rp-tools .view-heading h2{margin-bottom:10px;font-size:clamp(25px,2.7vw,34px)}.riverside-demo .rp-tools .view-heading p{max-width:65ch;line-height:1.6}.riverside-demo .demo-try{color:#f6f6e7;background:#213c39;border:1px solid #c5a148;border-left:5px solid #f4c55c;border-radius:7px;margin:20px 0 28px;padding:21px 24px}.riverside-demo .demo-try-label{color:#f4c55c;margin-bottom:9px;font-size:12px;font-weight:800;display:inline-block}.riverside-demo .demo-try h3{color:#fff8d6;margin:0 0 9px;font-size:19px;line-height:1.4}.riverside-demo .demo-try p{color:#e3eade;margin:0;font-size:14px;line-height:1.65}.riverside-demo .demo-try ol{gap:8px;margin:13px 0 0;padding-left:21px;font-size:14px;line-height:1.6;display:grid}.riverside-demo .rp-panel{background:#103b45;border:1px solid #cfe7d73b;border-radius:8px;min-width:0;margin:20px 0;padding:24px}.riverside-demo .rp-panel h3{color:#eff7eb;margin-bottom:10px;font-size:20px;line-height:1.4}.riverside-demo .rp-panel p{color:#c4d8ce;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.riverside-demo .rp-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.riverside-demo .rp-actions .btn{margin:0}.riverside-demo :is(.rp-tools,.rp-demo-controls,.rp-usage,.login-modal) :is(button.outline,button.text-button){font:inherit;color:#b8eee1;cursor:pointer;background:0 0;border:1px solid #72bcb0;border-radius:5px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:700}.riverside-demo :is(.rp-tools,.rp-demo-controls,.rp-usage,.login-modal) button.text-button{text-underline-offset:3px;border-color:#0000;text-decoration:underline}.riverside-demo :is(.rp-tools,.rp-demo-controls,.rp-usage,.login-modal) button.outline:hover{background:#1d5558}.riverside-demo button[aria-pressed=true].outline{color:#082733;background:#62d6c4;border-color:#62d6c4}.riverside-demo :is(.rp-tools,.rp-usage,.login-modal) .btn{color:#062b36;white-space:normal;background:#62d6c4;border:1px solid #62d6c4;border-radius:5px;min-height:44px;padding:12px 18px;font-size:13px;font-weight:800;line-height:1.4}.riverside-demo :is(.rp-tools,.rp-usage,.login-modal) button:disabled{opacity:.55;cursor:not-allowed}.riverside-demo :is(.rp-tools,.rp-booking-form) label{color:#e2eee5;gap:8px;min-width:0;font-size:13px;font-weight:700;display:grid}.riverside-demo :is(.rp-tools,.rp-booking-form) :is(input,select){color:#153c42;width:100%;min-width:0;min-height:44px;font:inherit;background:#eff7eb;border:1px solid #a6cfc3;border-radius:5px;padding:10px 12px;font-size:14px}.riverside-demo :is(.rp-tools,.rp-booking-form) input::placeholder{color:#516f6b;opacity:1}.riverside-demo .rp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.riverside-demo .rp-tools label.rp-check{cursor:pointer;align-items:flex-start;gap:11px;min-height:44px;padding:9px 0;font-size:14px;line-height:1.6;display:flex}.riverside-demo .rp-check input[type=checkbox]{accent-color:#62d6c4;flex:0 0 19px;width:19px;height:19px;min-height:0;margin:2px 0 0;padding:0}.riverside-demo .rp-check small{color:#b5cfc2;font-weight:400;display:block}.riverside-demo .rp-stats{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px;margin:20px 0;display:grid}.riverside-demo .rp-stats>div{border-left:3px solid #62d6c4;gap:8px;padding:8px 16px;display:grid}.riverside-demo .rp-stats b{color:#eff7eb;font-size:32px}.riverside-demo .rp-stats span{color:#c4d8ce;font-size:13px}.riverside-demo .rp-notice{color:#e6f7df;background:#154c44;border:1px solid #80c2aa;border-radius:6px;margin:20px 0;padding:16px 20px;font-size:14px;line-height:1.6}.riverside-demo .rp-notice p{margin:0}.riverside-demo .rp-error{color:#ffe0d8;background:#61382f;border-left:3px solid #f58a70;margin:16px 0;padding:13px;font-size:14px;line-height:1.6}.riverside-demo .rp-small{color:#bed2c8;margin:15px 0;font-size:12px;line-height:1.65}.riverside-demo .rp-filter{grid-template-columns:minmax(0,1fr) minmax(150px,.6fr) auto;align-items:end;gap:15px;margin:24px 0;display:grid}.riverside-demo .rp-filter>span{color:#bdd2c6;padding:12px 0;font-size:12px}.riverside-demo .rp-directory{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;display:grid}.riverside-demo .rp-member{background:#103b45;border:1px solid #cfe7d73b;border-radius:8px;min-width:0;padding:22px}.riverside-demo .rp-member-linked{border:2px solid #f4c55c}.riverside-demo .rp-member p{overflow-wrap:anywhere;color:#c7dbd1;margin-bottom:12px;font-size:13px;line-height:1.7}.riverside-demo .rp-member-heading{align-items:center;gap:13px;margin-bottom:16px;display:flex}.riverside-demo .rp-member-heading h3{color:#eff7eb;margin:0 0 6px;font-size:17px}.riverside-demo .rp-member-heading div>span{color:#b8cdc2;font-size:12px}.riverside-demo .rp-avatar{color:#b8eee1;background:#1a5555;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.riverside-demo .rp-member-links{flex-wrap:wrap;gap:10px;display:flex}.riverside-demo .rp-member-links button{color:#b8eee1;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:4px 0;font-size:13px;text-decoration:underline}.riverside-demo .rp-member-links button:disabled{color:#a8b8b3;cursor:default;text-decoration:none}.riverside-demo .rp-focus{color:#fff8d6;background:#213c39;border-left:4px solid #f4c55c;gap:8px;padding:15px 20px;font-size:14px;display:grid}.riverside-demo .rp-focus span{color:#d9e5d7;font-size:13px}.riverside-demo .rp-volunteer{border-top:1px solid #cfe7d73b;margin-top:18px;padding-top:20px}.riverside-demo .rp-demo-controls{border-bottom:1px solid #cfe7d73b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:15px 0;display:flex}.riverside-demo .rp-demo-controls>span{color:#c3d7ca;font-size:12px;line-height:1.5}.riverside-demo .rp-demo-controls .rp-actions{margin:0}.riverside-demo .rp-rink-fields{border:1px solid #477571;border-radius:7px;margin:20px 0;padding:18px}.riverside-demo .rp-rink-fields legend{color:#b8eee1;padding:0 8px;font-size:14px;font-weight:700}.riverside-demo .rp-rink-fields .rp-form-grid{margin:6px 0 0}.riverside-demo .rp-panel-heading{flex-wrap:wrap;justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.riverside-demo .rp-panel-heading span{color:#b8eee1;font-size:12px;line-height:1.7}.riverside-demo .rp-panel-heading h3{margin:6px 0}.riverside-demo .rp-panel-heading p{margin:0}.riverside-demo .rp-team-rink{border-top:1px solid #cfe7d73b;grid-template-columns:.6fr repeat(4,minmax(0,1fr));gap:14px;padding:18px 0;display:grid}.riverside-demo .rp-team-rink>b{color:#b8eee1;font-size:14px}.riverside-demo .rp-team-rink>div{align-content:start;gap:5px;min-width:0;display:grid}.riverside-demo .rp-team-rink span{color:#c5d6cd;font-size:12px}.riverside-demo .rp-team-rink small{color:#b7cfbf;font-size:11px}.riverside-demo .rp-name-link{text-align:left;color:#c2f3e4;font:inherit;text-underline-offset:3px;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:14px;font-weight:700;line-height:1.5;text-decoration:underline;display:inline}.riverside-demo .rp-name-link:hover{color:#fff8d6}.riverside-demo .rp-confirmation{border-top:1px solid #477571;margin-top:18px;padding-top:20px;font-size:14px}.riverside-demo .rp-entrant-list{border:1px solid #477571;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 22px;max-height:350px;margin-top:18px;padding:16px;display:grid;overflow:auto}.riverside-demo .rp-entrant-list legend{color:#b8eee1;padding:0 8px;font-size:14px;font-weight:700}.riverside-demo .rp-comp-picker{max-width:700px;margin:22px 0}.riverside-demo .rp-comp-tabs{margin:22px 0}.riverside-demo .rp-bracket{scrollbar-color:#72bcb0 #103b45;gap:18px;padding:8px 4px 18px;display:flex;overflow-x:auto}.riverside-demo .rp-round{min-width:0}.riverside-demo .rp-bracket .rp-round{flex:0 0 255px}.riverside-demo .rp-round h4{color:#c2f3e4;margin:6px 0 16px;font-size:15px}.riverside-demo .rp-match{background:#0b2c37;border:1px solid #43645e;border-radius:6px;margin-bottom:15px;padding:15px}.riverside-demo .rp-my-match{border-color:#82c7b3}.riverside-demo .rp-match-label{color:#c2d8ca;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:11px;display:flex}.riverside-demo .rp-match-player{color:#cbdbd1;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:13px;display:flex}.riverside-demo .rp-match-player>b{font-size:16px}.riverside-demo .rp-winner,.riverside-demo .rp-winner .rp-name-link{color:#d9eea2}.riverside-demo .rp-result-form{gap:14px;margin-top:16px;display:grid}.riverside-demo .rp-league-matches .rp-round{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.riverside-demo .rp-league-matches h4{grid-column:1/-1}.riverside-demo .rp-league-matches .rp-match{margin:0}.riverside-demo .rp-table-scroll{margin:25px 0;overflow-x:auto}.riverside-demo .rp-table-scroll table{border-collapse:collapse;color:#d1e2d7;width:100%;min-width:500px;font-size:13px}.riverside-demo .rp-table-scroll caption{text-align:left;color:#c0d3c6;padding:0 0 15px;font-size:12px;line-height:1.6}.riverside-demo .rp-table-scroll th{font-weight:700}.riverside-demo .rp-table-scroll :is(th,td){text-align:left;border-bottom:1px solid #43645e;padding:10px 12px}.riverside-demo .rp-champion{color:#edf5d8;background:#214b44;border-left:4px solid #b7dd61;padding:15px 18px}.riverside-demo .rp-archive{margin:24px 0}.riverside-demo .rp-archive h3{color:#eff7eb;font-size:21px}.riverside-demo .rp-archive h4{color:#b8eee1;margin-bottom:10px}.riverside-demo .rp-archive button{text-align:left;color:#e2eee5;background:#103b45;border:1px solid #477571;border-radius:5px;width:100%;min-height:44px;margin:8px 0;padding:14px;font-size:14px;display:block}.riverside-demo .rp-archive button[aria-pressed=true]{border-color:#f4c55c}.riverside-demo .rp-permissions{border:1px solid #477571;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin-top:24px;padding:18px;display:grid}.riverside-demo .rp-permissions legend{color:#b8eee1;padding:0 8px;font-size:14px;font-weight:700}.riverside-demo .rp-usage-value{align-items:center;gap:20px;margin-top:20px;display:flex}.riverside-demo .rp-usage-value b{color:#b8eee1;font-size:40px}.riverside-demo .rp-usage-value span{color:#c4d8ce;font-size:14px;line-height:1.6}.riverside-demo .booking-grid .slot{overflow-wrap:anywhere;padding:8px 5px;font-size:11px}.riverside-demo .rp-booking-form{flex-wrap:wrap;gap:16px}.riverside-demo .rp-booking-form h3{width:100%}.riverside-demo .rp-booking-form label{flex:1;min-width:150px}.riverside-demo .login-modal{width:min(100%,520px);max-height:90dvh;overflow-y:auto}.riverside-demo .login-modal .demo-try{margin:15px 0 20px;padding:16px}.riverside-demo .login-modal .rp-small{margin-bottom:0}.riverside-demo .rp-print-sheet{display:none}@media (width<=1000px){.riverside-demo .portal{grid-template-columns:185px minmax(0,1fr)}.riverside-demo .portal-main{padding:30px 4%}.riverside-demo .rp-team-rink{grid-template-columns:repeat(2,minmax(0,1fr))}.riverside-demo .rp-team-rink>b{grid-column:1/-1}.riverside-demo .rp-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.riverside-demo .rp-filter>span{grid-column:1/-1;padding:0}}@media (width<=650px){.riverside-demo .portal{display:block}.riverside-demo .portal>aside{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.riverside-demo .portal>aside .brand{grid-column:1/-1}.riverside-demo .portal>aside button{min-height:44px}.riverside-demo .portal-main{padding:24px 18px}.riverside-demo .demo-try,.riverside-demo .rp-panel{padding:18px}.riverside-demo :is(.rp-form-grid,.rp-entrant-list,.rp-permissions,.rp-league-matches .rp-round){grid-template-columns:minmax(0,1fr)}.riverside-demo .rp-bracket .rp-round{flex-basis:235px}.riverside-demo .rp-actions{gap:8px}.riverside-demo .rp-usage-value{align-items:flex-start;gap:14px}}@media print{.riverside-demo .rp-print-sheet,.riverside-demo .rp-print-sheet *{visibility:visible!important}.riverside-demo .rp-print-sheet{color:#111;background:#fff;padding:15mm;position:absolute;inset:0;display:block!important}.riverside-demo .rp-print-sheet :is(h1,h2,p,span,b,strong,small){color:#111!important}.riverside-demo .rp-print-sheet h1{font-size:25pt}.riverside-demo .rp-print-sheet h2{font-size:20pt}.riverside-demo .rp-print-sheet .rp-team-rink{break-inside:avoid;border-color:#777}}
