.s02-page{--s-coral:#5a7fd6;--s-gold:#f2c45f;--s-blue:#5176d3}.s02-page .lesson-hero{background:radial-gradient(circle at 88% 7%,#9dc9e858,#0000 36%),linear-gradient(135deg,#eef4ee,#fffdf7)}.s02-page .primary-media{background:#173849;box-shadow:16px 18px #d5e2dd}.moving-media{background:radial-gradient(circle at 75% 30%,#ffffff16,#0000 35%),#112b3a;grid-template-columns:1fr 32px 1fr;align-items:center;gap:8px;height:230px;margin-top:15px;padding:20px;display:grid}.moving-media .pair-stars{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.media-pair-lines{color:#75909a;gap:8px;display:grid}.media-pair-lines i{opacity:.25;font-style:normal}.media-pair-lines i.on{color:#f2c45f;opacity:1}.media-ring{width:160px;height:160px;margin:auto;position:relative}.media-ring span{color:#718c96;font-size:25px;position:absolute}.media-ring span.lit{color:#f2c45f;text-shadow:0 0 14px #f2c45f88}.media-ring span b,.pair-stars b,.warm-stars b,.pair-group b,.seven-ring b,.six-ring b{color:#fff;background:#5176d3;border-radius:50%;place-items:center;width:20px;height:20px;font:700 11px Arial;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.media-ring span:first-child,.six-ring i:first-child,.seven-ring span:first-child{top:0;left:50%}.media-ring span:nth-child(2),.six-ring i:nth-child(2),.seven-ring span:nth-child(2){top:24%;right:5%}.media-ring span:nth-child(3),.six-ring i:nth-child(3),.seven-ring span:nth-child(3){bottom:18%;right:10%}.media-ring span:nth-child(4),.six-ring i:nth-child(4),.seven-ring span:nth-child(4){bottom:0;left:48%}.media-ring span:nth-child(5),.six-ring i:nth-child(5),.seven-ring span:nth-child(5){bottom:18%;left:6%}.media-ring span:nth-child(6),.six-ring i:nth-child(6),.seven-ring span:nth-child(6){top:24%;left:2%}.seven-ring span:nth-child(7){top:45%;left:45%}.pair-stars{justify-content:center;align-items:center;gap:4px;min-height:55px;display:flex}.pair-stars.spaced{justify-content:space-between}.pair-stars span{color:#f2c45f;font-size:30px;position:relative}.s02-mini{gap:8px;display:grid}.s02-mini>span{font-size:11px}.spacing-demo{background:#eef3f1;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0;padding:14px;display:grid}.spacing-demo.small{display:block}.spacing-demo.small .pair-stars{margin:4px 0}.warm-stars{justify-content:center;gap:12px;margin:20px 0;display:flex}.warm-stars button{color:#f2c45f;cursor:pointer;background:0 0;border:0;width:57px;height:57px;font-size:48px;position:relative}.warm-stars button.numbered{filter:none}.example-two{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.six-ring,.seven-ring{width:115px;height:115px;margin:auto;position:relative}.six-ring i,.seven-ring span{color:#f2c45f;font-size:23px;font-style:normal;position:absolute}.mini-pairs{gap:3px;display:grid}.mini-pairs span{font-size:11px}.pair-board{grid-template-columns:1fr 48px 1fr;align-items:center;gap:12px;margin:20px 0;display:grid}.pair-group{background:#eef3f1;grid-template-columns:repeat(3,1fr);gap:9px;padding:14px;display:grid}.pair-group small{color:#6b7d7a;grid-column:1/-1;font-size:10px}.pair-group button{color:#f2b94d;cursor:pointer;background:#fff;border:1px solid #c5cfcb;min-height:55px;font-size:34px;position:relative}.pair-group button.waiting{outline:3px solid #ec7656}.pair-group button.paired{background:#e3ecff}.pair-group.ring{border-radius:45%;grid-template-columns:repeat(2,1fr)}.pair-group.grid{grid-template-columns:repeat(3,1fr)}.pair-lines{color:#aab7b3;gap:10px;display:grid}.pair-lines i{opacity:.35;font-style:normal}.pair-lines i.on{color:#5176d3;opacity:1}.moon-example{grid-template-columns:1fr 1fr;gap:3px;display:grid}.moon-example span,.moon-example b{font-size:10px}.moon-example b{color:#9b543d;grid-column:1/-1}.count-visual,.pin-visual,.eight-visual{text-align:center;color:#5176d3;background:#edf3f1;grid-template-columns:1fr 1fr;align-items:center;gap:10px;margin:14px 0;padding:13px;font-size:13px;display:grid}.game-groups{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.game-groups button{cursor:pointer;background:#fff;border:1px solid #b8c4bf;padding:15px}.game-groups b{color:#5176d3;display:block}.game-groups span{font-size:12px}.game-score{font-weight:800;color:#173849!important}.final-seven{background:#edf3f1;grid-template-columns:1fr 38px 1fr;align-items:center;gap:6px;padding:18px;display:grid}.final-seven>div:nth-child(2){color:#5176d3;gap:4px;font-size:10px;display:grid}.final-seven .seven-ring{width:150px;height:150px}.final-seven .seven-ring span{font-size:28px}.final-questions{grid-template-columns:1fr 1fr;gap:15px;margin:18px 0;display:grid}.final-questions>div{border:1px solid #c6d0cc;padding:15px}.final-questions p{font-weight:800}.final-questions button{cursor:pointer;background:#fff;border:1px solid #aab6b2;min-width:46px;margin-right:7px;padding:9px}.s02-page .pass-card small{color:#b9cdc8;margin-top:8px;display:block}@media (max-width:700px){.moving-media{grid-template-columns:1fr;height:auto}.media-pair-lines{grid-template-columns:repeat(6,1fr)}.pair-board{grid-template-columns:1fr 26px 1fr;gap:5px}.pair-group{grid-template-columns:repeat(2,1fr);padding:8px}.pair-group button{min-height:46px}.pair-lines{font-size:9px}.final-seven{grid-template-columns:1fr}.final-seven>div:nth-child(2){grid-template-columns:repeat(7,1fr)}.spacing-demo,.final-questions,.game-groups{grid-template-columns:1fr}}