.ring-workbench{display:grid;grid-template-columns:minmax(0,1fr) 250px;background:#061421;align-items:start}#ring-scene{min-width:0}#ring-scene svg{width:100%;height:auto;display:block}.ring-controls{padding:24px;background:#102c3c;border-left:1px solid #edc77e33}.ring-control{display:block;font-size:14px;color:#bdd4dc;line-height:1.6;margin-bottom:25px}.ring-control>span{display:flex;justify-content:space-between;gap:12px}.ring-control output{color:#79dfd0;white-space:nowrap;font-weight:bold}.ring-control input{display:block;width:100%;min-height:32px;accent-color:#79dfd0;margin-top:10px}.ring-control select{width:100%;display:block;padding:12px;margin-top:10px;font:inherit;border:1px solid #79dfd066;border-radius:10px;color:#ffe8bc;background:#061421}.ring-controls button,.ring-learning button{font:inherit;font-weight:bold;min-height:46px;padding:12px 16px;border:1px solid #edc77e;border-radius:12px;background:#edc77e;color:#102534;cursor:pointer}.ring-controls button{font-size:14px;width:100%;margin-bottom:16px}.ring-controls .ring-reset{background:transparent;color:#edc77e}.ring-controls details{margin:20px 0}.ring-controls details .ring-control{margin-top:20px}.ring-controls summary{color:#edc77e;cursor:pointer}.ring-small{font-size:13px;line-height:1.7;color:#aac4cf}.ring-learning{padding:28px 38px 40px;line-height:1.8;overflow-wrap:anywhere}.ring-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 26px}.ring-stats>div{display:flex;flex-direction:column;gap:12px;padding:20px;background:#112e3f;border-radius:16px;border-top:2px solid var(--ring)}.ring-stats span{color:#adc8d4;font-size:13px}.ring-stats strong{font-size:26px;color:var(--ring);line-height:1.3}.ring-stats small{font-size:15px}.ring-note{padding:18px 20px;background:#79dfd009;border-left:3px solid #79dfd0;color:#bdd4dc;font-size:16px}.ring-eq{color:#edc77e;font-size:25px;line-height:1.6}.ring-task{padding:20px;border:1px dashed #c8a9ef;border-radius:16px;background:#c8a9ef08;margin-top:28px}.ring-task strong{color:#c8a9ef}.ring-task p{margin:7px 0}.ring-learning details{margin-top:22px}.ring-learning summary{padding:13px;color:#edc77e;border:1px solid #edc77e44;border-radius:10px;cursor:pointer}.ring-table{overflow:auto;margin:24px 0}.ring-table table{width:100%;text-align:left;border-collapse:collapse}.ring-table caption{text-align:left;color:#79dfd0;padding:12px 0}.ring-table th,.ring-table td{padding:10px 14px;border-bottom:1px solid #edc77e33;white-space:nowrap}.ring-legend{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px}.ring-mission{background:#061421;padding:24px;border-radius:18px;margin-top:28px}.ring-mission h3{color:#edc77e;font-size:21px}.ring-mission form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ring-mission form label{width:100%}.ring-mission input{font:inherit;background:#143748;color:#ffe8bc;border:1px solid #79dfd066;border-radius:10px;padding:12px;max-width:140px}.ring-score{color:#79dfd0;font-weight:bold}@media(max-width:1250px){.ring-workbench{grid-template-columns:1fr}.ring-controls{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.ring-controls button{align-self:center}.ring-control{margin-bottom:16px}.ring-controls details{grid-column:1/-1}}@media(max-width:650px){.ring-learning{padding:24px 20px 28px}.ring-controls{padding:20px;gap:0 18px}.ring-control>span{flex-direction:column;gap:2px}.ring-stats{grid-template-columns:1fr 1fr;gap:10px}.ring-stats>div{padding:16px}.ring-stats>div:last-child{grid-column:1/-1}.ring-stats strong{font-size:24px}.ring-eq{font-size:22px}.ring-mission{padding:20px}.ring-mission button{width:100%}}

.ring-context{padding-top:25px;color:#aac4cf;font-size:15px;line-height:1.7}