.rope-page,.rope-screen{--rope-ink:#153a43;--rope-teal:#097b77;--rope-muted:#647a80;color:var(--rope-ink);font-family:inherit}.rope-page{max-width:1600px;margin:auto;padding:4px 0 30px}.rope-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 36px;background:linear-gradient(110deg,#e6f5ef,#edf5fc);border:1px solid #d6e9e4;border-radius:20px;margin-bottom:22px;overflow:hidden}.rope-eyebrow{font-size:12px;letter-spacing:1.5px;color:#2b7777;font-weight:700}.rope-hero h1{font-size:30px;line-height:1.35;margin:12px 0;color:#143d45}.rope-hero p{margin:0;color:#537178;line-height:1.7}.rope-hero-mark{font-size:70px;min-width:100px;text-align:center;color:#0c837c}.rope-alert{padding:14px 18px;background:#fff9e9;border:1px solid #eddfb1;border-radius:10px;margin:12px 0 20px;font-size:13px;line-height:1.7;color:#7a5b15}.rope-alert.error{background:#fff0ed;border-color:#f3c3b9;color:#a63b29}.rope-alert button{margin-left:10px}.rope-setup{display:grid;grid-template-columns:minmax(310px,0.9fr) minmax(360px,1.1fr);gap:20px;align-items:start}.rope-panel{background:white;border:1px solid #dde7e9;border-radius:16px;padding:24px;box-shadow:0 3px 16px #183e4310}.rope-panel h2{font-size:18px;margin:0 0 20px}.rope-section-title{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.rope-section-title h2{margin:0}.rope-section-title>span,.rope-muted{color:var(--rope-muted);font-size:13px;line-height:1.7}.rope-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.rope-mode{background:#f7fafb;border:1px solid #dfe7e9;padding:16px;text-align:left;border-radius:12px;cursor:pointer;transition:background .15s,border .15s;color:#234e56;min-height:110px}.rope-mode:hover{background:#eef7f4}.rope-mode.active{border-color:#148d84;background:#e7f6ef;box-shadow:inset 0 0 0 1px #148d84}.rope-mode b{display:block;font-size:16px;margin-bottom:8px}.rope-mode span{font-size:12px;line-height:1.7;display:block;color:#61777e}.rope-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.rope-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#526c72;margin-bottom:12px}.rope-page input:not([type=checkbox]),.rope-page select,.rope-share input{background:#fff;color:#264b54;border:1px solid #cbdadd;border-radius:8px;min-height:38px;padding:8px 11px;font-size:14px;box-sizing:border-box;max-width:100%;min-width:0}.rope-page input:focus,.rope-page select:focus{outline:2px solid #0a8a8155;outline-offset:1px}.rope-page input:disabled{background:#f1f5f5}.rope-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.rope-toolbar input{flex:1;min-width:140px!important}.rope-button{border:1px solid transparent;border-radius:8px;padding:10px 16px;font-size:14px;font-family:inherit;cursor:pointer;line-height:1.4}.rope-button.primary{background:#087e77;color:white;font-weight:600}.rope-button.secondary{background:#fff;border-color:#cbdadd;color:#365c63}.rope-button.danger{background:#b44c3b;color:#fff}.rope-button:disabled,.rope-link:disabled{opacity:.5;cursor:not-allowed}.rope-button+.rope-button{margin-left:5px}.rope-table-wrap{overflow:auto;width:100%;-webkit-overflow-scrolling:touch}.rope-table-wrap.roster{max-height:430px;margin-bottom:20px}.rope-page table,.rope-screen table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}.rope-page th,.rope-screen th{padding:13px 12px;color:#5d777c;background:#f2f7f8;font-weight:600;position:sticky;top:0}.rope-page td,.rope-screen td{padding:13px 12px;border-bottom:1px solid #e7eeef}.rope-page td small{display:block;color:#7f9195}.rope-page input[type=checkbox]{width:18px;height:18px;accent-color:#087e77;cursor:pointer}.rope-link{border:0;background:none;color:#007e78;padding:5px 8px;cursor:pointer}.rope-link.danger{color:#b44c3b}.rope-history{margin-top:24px}.rope-share{padding:14px 18px;background:#e9f6f0;border-radius:10px;margin-bottom:16px}.rope-share a{display:block;color:#0b7773;margin-bottom:10px}.rope-share input{width:100%;font-size:12px}.rope-connection{display:inline-flex;gap:12px;align-items:center;border-radius:8px;padding:10px 14px;margin:0 10px 16px 0;font-size:13px}.rope-connection.ok{background:#def3e8;color:#116e4b}.rope-connection.bad{background:#fff0e6;color:#985126}.rope-connection small{opacity:.7}.rope-board{background:#f5f9f9;border:1px solid #dce8e9;border-radius:18px;padding:24px}.rope-board-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.rope-board-top h2{font-size:24px;margin:12px 0}.rope-board-top p{font-size:13px;color:#657c83;line-height:1.7;max-width:650px}.rope-clock{display:flex;flex-direction:column;text-align:right;min-width:110px}.rope-clock strong{font-size:46px;letter-spacing:-2px;color:#0b7873;line-height:1.3;font-variant-numeric:tabular-nums}.rope-clock span{font-size:13px;color:#5b777e}.rope-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.rope-stats>div{display:flex;flex-direction:column;padding:18px;background:white;border:1px solid #e0ebeb;border-radius:12px;gap:8px}.rope-stats b{font-size:26px}.rope-stats span{font-size:12px;color:#6d858a}.rope-student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.rope-student-card{padding:16px;border:1px solid #d4e5e1;background:#fff;border-radius:12px;overflow:hidden}.rope-student-card.is-offline{background:#f0f3f4;border-color:#dde4e7}.rope-student-card.is-complete{border-color:#27a376;background:#f5fff7}.rope-student-head{display:flex;align-items:center;gap:9px}.rope-rank{font-size:11px;width:22px;height:22px;border-radius:7px;display:inline-grid;place-items:center;background:#e0f2eb;color:#0d7764;font-weight:700}.rope-student-head b{font-size:15px}.rope-online-dot{width:7px;height:7px;border-radius:100%;background:#adbabe;margin-left:auto}.rope-online-dot.online{background:#1aa375}.rope-student-card>small{display:block;font-size:11px;color:#789095;margin-top:10px}.rope-score{font-size:42px;font-weight:750;margin:12px 0 6px;font-variant-numeric:tabular-nums;color:#185758}.rope-score>small{font-size:12px;font-weight:400;margin-left:5px;color:#82969b}.rope-student-card progress{width:100%;height:6px;accent-color:#12a08c}.rope-student-card footer{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#7d9296;margin-top:13px}.rope-flight{height:26px;background:linear-gradient(90deg,#e0f1f8,#d6efe5);border-radius:20px;position:relative;margin-top:10px}.rope-flight span{position:absolute;top:2px;transition:left .3s;font-size:18px}.rope-success{color:#18825b!important}.rope-warning{color:#b26426}.rope-results{margin-top:26px}.rope-results h3{font-size:16px}.rope-results p{font-size:12px;color:#7c9095;line-height:1.7}.rope-device-forms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.rope-device-forms ul{padding-left:20px;line-height:1.8;font-size:13px;color:#55737a}.rope-device-forms li small{display:block;overflow-wrap:anywhere;font-size:11px}.rope-search{width:100%;margin-bottom:15px}.rope-binding{margin-top:20px;border-color:#32a79a}.rope-binding p{font-size:12px;color:#7e9295}.rope-screen{min-height:100vh;box-sizing:border-box;background:#eaf2f2;padding:24px}.rope-screen>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#23676c}.rope-screen .rope-board{border:none;background:none;padding:0}.rope-screen-note{text-align:center;font-size:12px;color:#799095;margin:28px}.rope-board-screen .rope-student-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.rope-board-screen .rope-board-top h2{font-size:32px}.rope-board-screen .rope-score{font-size:48px}@media(min-width:1800px){.rope-board-screen .rope-student-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(max-width:1000px){.rope-setup{grid-template-columns:1fr}.rope-device-forms{grid-template-columns:1fr}.rope-hero{padding:25px}.rope-hero h1{font-size:25px}}@media(max-width:600px){.rope-hero{padding:22px 18px;gap:8px;border-radius:12px}.rope-hero h1{font-size:22px}.rope-hero-mark{font-size:44px;min-width:44px}.rope-eyebrow{font-size:10px;letter-spacing:.5px}.rope-panel{padding:18px 14px;border-radius:12px}.rope-mode-grid{grid-template-columns:1fr}.rope-mode{min-height:85px;padding:13px}.rope-form-grid{gap:10px}.rope-board{padding:16px 12px}.rope-board-top{gap:10px;align-items:start}.rope-board-top h2{font-size:20px}.rope-clock{min-width:70px}.rope-clock strong{font-size:32px}.rope-stats{grid-template-columns:repeat(2,1fr);gap:8px}.rope-stats>div{padding:12px}.rope-student-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rope-student-card{padding:12px}.rope-student-head{gap:5px}.rope-student-head b{font-size:13px}.rope-score{font-size:34px}.rope-student-card footer{flex-direction:column}.rope-toolbar>select{max-width:100%}.rope-session-actions .rope-button{padding:8px 10px;font-size:12px;margin:0}.rope-screen{padding:15px}.rope-board-screen .rope-board-top h2{font-size:24px}}
.rope-teams{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.rope-teams article{display:flex;flex-direction:column;gap:9px;background:#e3f4ee;border:1px solid #c0e1d6;padding:18px;min-width:160px;border-radius:12px}.rope-teams strong{font-size:25px}.rope-teams small{color:#65827d}
