.rotation-page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:46px 0 82px}.rotation-hero{position:relative;display:grid;grid-template-columns:1fr .85fr;gap:7%;align-items:center;min-height:350px;padding:44px 52px;overflow:hidden;border:1px solid rgba(154,220,238,.18);border-radius:22px;background:radial-gradient(circle at 79% 25%,rgba(84,200,224,.17),transparent 27%),linear-gradient(135deg,rgba(11,52,82,.9),rgba(5,25,43,.95));box-shadow:0 22px 56px rgba(0,11,22,.16)}.rotation-hero h1{margin:13px 0;color:var(--ink);font:800 clamp(35px,4.2vw,54px)/1.18 var(--serif);letter-spacing:-.055em}.rotation-hero h1 em{color:#8bd9ea;font-style:normal}.rotation-hero p:not(.eyebrow){max-width:500px;margin:0;color:#b1c7ce;font-size:13px;line-height:1.85}.rotation-hero-visual{position:relative;height:238px}.court-outline{position:absolute;right:19px;top:27px;width:266px;height:167px;border:1px solid rgba(166,233,243,.4);transform:rotate(-10deg) skewX(-10deg);box-shadow:inset 0 0 28px rgba(90,205,229,.1),0 0 28px rgba(90,205,229,.08)}.court-outline i{position:absolute;display:block;background:rgba(179,240,248,.34)}.court-outline i:nth-child(1){left:50%;width:1px;height:100%}.court-outline i:nth-child(2){top:50%;width:100%;height:1px}.court-outline i:nth-child(3){top:25%;width:100%;height:1px}.rotation-hero-visual span,.rotation-hero-visual b,.rotation-hero-visual strong{position:absolute;display:grid;width:49px;height:49px;place-items:center;border:1px solid rgba(176,237,247,.48);border-radius:50%;background:rgba(18,97,126,.48);color:#c9f6fc;font:700 16px var(--mono);box-shadow:0 0 19px rgba(83,205,232,.15)}.rotation-hero-visual span{right:199px;top:39px}.rotation-hero-visual b{right:57px;top:94px}.rotation-hero-visual strong{right:148px;top:171px}.rotation-builder,.rotation-result{margin-top:24px;padding:30px;border:1px solid rgba(216,239,246,.14);border-radius:17px;background:rgba(16,57,83,.72)}.section-head,.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-head h2,.result-head h2,.standings-panel h2{margin:10px 0 0;color:var(--ink);font:800 29px/1.2 var(--serif);letter-spacing:-.05em}.section-head>span{padding:7px 10px;border:1px solid rgba(154,220,238,.18);border-radius:999px;color:#9fcbd5;font:10px var(--mono)}.rotation-form{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:23px}.rotation-field{display:grid;gap:8px}.rotation-field.wide{grid-column:1/-1}.rotation-field>span,.quick-count>span{color:#a9c3cc;font-size:12px}.rotation-field small{color:#7897a2;font-size:10px}.rotation-field input,.rotation-field textarea,.rotation-field select{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid rgba(216,239,246,.18);border-radius:10px;outline:0;background:rgba(5,25,43,.53);color:#effcff;font:13px/1.55 inherit}.rotation-field textarea{resize:vertical;min-height:104px}.rotation-field input:focus,.rotation-field textarea:focus,.rotation-field select:focus{border-color:#8fe8fb;box-shadow:0 0 0 3px rgba(143,232,251,.09)}.quick-count{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0;border-block:1px solid rgba(216,239,246,.1)}.quick-count button{padding:7px 11px;border:1px solid rgba(162,228,241,.2);border-radius:999px;background:rgba(7,34,53,.43);color:#bde9f1;font-size:11px}.quick-count button:hover{border-color:#8fe8fb}.mode-picker{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0;border:0}.mode-picker legend{margin-bottom:8px;color:#a9c3cc;font-size:12px}.mode-picker label{position:relative;cursor:pointer}.mode-picker input{position:absolute;opacity:0}.mode-picker span{display:grid;gap:5px;min-height:65px;padding:12px;border:1px solid rgba(216,239,246,.15);border-radius:10px;background:rgba(7,30,48,.35)}.mode-picker b{color:#dff8fc;font-size:13px}.mode-picker small{color:#91abb5;font-size:10px;line-height:1.55}.mode-picker input:checked+span{border-color:#8fe8fb;background:rgba(83,190,214,.16);box-shadow:inset 0 0 0 1px rgba(143,232,251,.08)}.rotation-status{min-height:20px;margin:17px 0 0;color:#9ec2cc;font-size:12px}.builder-actions{display:flex;justify-content:flex-end;gap:8px}.btn-ghost{min-height:40px;padding:7px 15px;border:1px solid rgba(216,239,246,.22);border-radius:999px;background:rgba(7,30,48,.3);color:#bde8f2;font-size:12px}.result-actions{display:flex;gap:8px}.rotation-summary{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;margin:20px 0;border:1px solid rgba(216,239,246,.15);border-radius:12px}.rotation-summary div{padding:16px;border-right:1px solid rgba(216,239,246,.14);background:rgba(7,30,48,.35)}.rotation-summary div:last-child{border-right:0}.rotation-summary small{display:block;color:#91aab5;font-size:10px}.rotation-summary strong{display:block;margin-top:6px;color:#b9f1fa;font:700 22px var(--serif)}.round-list{display:grid;gap:12px}.round-card{padding:18px;border:1px solid rgba(216,239,246,.13);border-radius:13px;background:rgba(7,30,48,.35)}.round-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:14px}.round-head span{color:#76d2e3;font:10px var(--mono);letter-spacing:.1em}.round-head h3{margin:4px 0 0;color:#effcff;font:800 20px var(--serif)}.round-head small{max-width:45%;color:#9ab3bd;font-size:11px;text-align:right;line-height:1.6}.match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px}.match-card{padding:14px;border:1px solid rgba(216,239,246,.13);border-radius:11px;background:rgba(5,26,43,.42)}.match-card>small{color:#79cddd;font:10px var(--mono)}.teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin:12px 0;color:#e7f9fc;font-size:12px;line-height:1.5}.teams strong:last-child{text-align:right}.teams b{color:#78cfe0;font:10px var(--mono)}.score-entry{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:7px}.score-entry input{min-width:0;padding:8px;border:1px solid rgba(216,239,246,.18);border-radius:8px;background:rgba(6,30,48,.8);color:#effcff;text-align:center;font:700 16px var(--mono)}.score-entry span{color:#7ecddd}.score-entry button{padding:8px 10px;border:1px solid rgba(143,232,251,.35);border-radius:8px;background:rgba(89,193,216,.13);color:#c9f5fb;font-size:11px}.standings-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;margin-top:20px;padding:23px;border-left:2px solid #8fe8fb;border-radius:0 13px 13px 0;background:rgba(104,205,225,.055)}.standings-panel h2{font-size:26px}.standings-panel p{color:#9db6c0;font-size:12px;line-height:1.75}.table-wrap{overflow:auto;border:1px solid rgba(216,239,246,.14);border-radius:11px}.table-wrap table{width:100%;min-width:560px;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:12px;border-bottom:1px solid rgba(216,239,246,.12);color:#b5cbd2;text-align:left;font-size:12px}.table-wrap th{background:rgba(5,25,43,.58);color:#91acb6;font:10px var(--mono)}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td strong,.table-wrap td b{color:#c2f4fb}.rotation-result[hidden]{display:none!important}@media(max-width:820px){.rotation-page{width:min(100% - 32px,1180px);padding:28px 0 55px}.rotation-hero{grid-template-columns:1fr;min-height:0;padding:28px 22px 23px}.rotation-hero-visual{order:-1;height:170px;border-radius:14px;background:rgba(5,27,45,.22)}.rotation-hero h1{font-size:clamp(34px,9vw,45px)}.court-outline{width:210px;height:130px;right:20px;top:19px}.rotation-hero-visual span{right:163px;top:25px;transform:scale(.8)}.rotation-hero-visual b{right:51px;top:70px;transform:scale(.8)}.rotation-hero-visual strong{right:126px;top:132px;transform:scale(.8)}.rotation-builder,.rotation-result{padding:19px;border-radius:15px}.rotation-form{grid-template-columns:1fr}.mode-picker{grid-template-columns:1fr}.rotation-summary{grid-template-columns:repeat(2,1fr)}.rotation-summary div:nth-child(2){border-right:0}.rotation-summary div:nth-child(-n+2){border-bottom:1px solid rgba(216,239,246,.14)}.standings-panel{grid-template-columns:1fr;gap:13px;padding:20px}.result-head{display:block}.result-actions{margin-top:13px}.builder-actions{justify-content:stretch}.builder-actions>*{flex:1}}@media(max-width:540px){.rotation-page{width:calc(100% - 24px)}.rotation-hero{padding-inline:18px}.rotation-builder,.rotation-result{padding:16px}.section-head h2,.result-head h2{font-size:25px}.quick-count{gap:6px}.quick-count button{flex:1;padding-inline:7px}.rotation-summary strong{font-size:19px}.round-card{padding:14px}.score-entry{grid-template-columns:1fr auto 1fr}.score-entry button{grid-column:1/-1}.standings-panel{padding:16px}.result-actions>*{flex:1}.round-head small{max-width:52%}}
