/* Small actions, rich images, readable text; original palette remains intact. */
.learn-play .lp-note {font-size:12px;color:#a4b6cf;line-height:1.75;margin:10px 0;}
.learn-play .lp-button {font:inherit;font-size:13px;line-height:1.5;min-height:42px;padding:10px 16px;color:#d8e5ff;background:#1c2c46;border:1px solid #627c9a66;border-radius:11px;cursor:pointer;}
.learn-play .lp-button[aria-pressed=true] {border-color:#e4a5df;background:#443459;color:#fff;}
.learn-play .lp-button:hover {border-color:#dc94d2;color:#fbd6f3;}
.learn-play .vd-compare-controls input[type=range],.learn-play #animation .vd-demo input[type=range] {padding:0;border:0;background:transparent;}
.learn-play .vd-controls label,.learn-play .vd-range-label {white-space:nowrap;}
.learn-play .vd-controls input {flex:1;width:auto;min-width:0;}
.learn-play .lp-hover-summary {transition:background .18s,color .18s;border-radius:inherit;}
.learn-play .lp-hover-summary:hover {color:#fac1e7;background:linear-gradient(100deg,#5d3b6544,#18284066);}
.learn-play .lp-hover-summary:hover::after {color:#ff97da;}
.learn-play .lp-task-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:center;}
.learn-play .lp-task-figure {margin:0;min-width:0;}
.learn-play .lp-task-figure img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:14px;background:#0c1728;}
.learn-play .lp-task-figure figcaption {font-size:11px;color:#a5b6d1;margin-top:8px;line-height:1.7;}
.learn-play .lp-task-content {min-width:0;}
.learn-play .lp-kicker {font-size:11px;color:#cfb3f4;letter-spacing:.12em;margin:0 0 14px!important;}
.learn-play .lp-task-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.learn-play .lp-task-steps button {padding:10px 6px;font-size:12px;}
.learn-play .lp-task-panel {min-height:112px;padding:18px 0;}
.learn-play .lp-task-panel p {font-size:13px;line-height:1.9;margin:0!important;}
.learn-play .lp-task-panel strong {color:#d1b7ff;}
.learn-play .lp-quiz {margin-top:20px;padding-top:18px;border-top:1px solid #58719555;}
.learn-play .lp-question {font-size:14px;color:#dce9fc;}
.learn-play .lp-choices {display:flex;flex-wrap:wrap;gap:9px;}
.learn-play .lp-feedback {color:#bfe9da;font-size:13px;line-height:1.8;margin:12px 0 0;}
.learn-play .light-actions {display:flex;flex-direction:column;gap:13px;}
.learn-play .lp-scene-presets {grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;}
.learn-play .lp-scene-presets button {padding:0 0 14px;overflow:hidden;border-radius:13px;text-align:left;background:#0d1b30;}
.learn-play .lp-scene-presets button img {display:block;width:100%;height:auto;aspect-ratio:2.4/1;object-fit:contain;pointer-events:none;}
.learn-play .lp-scene-presets button strong,.learn-play .lp-scene-presets button small {display:block;margin:12px 12px 0;}
.learn-play .lp-scene-presets button strong {font-size:14px;color:#e9efff;}
.learn-play .lp-scene-presets button small {font-size:11px;color:#a2b8d5;line-height:1.5;margin-top:5px;}
.learn-play .lp-scene-presets button[aria-pressed=true] {border-color:#ef9ad9;box-shadow:0 0 0 1px #ef9ad955;}
.learn-play .lp-light-compare {margin:18px 0;padding:18px;background:#122037;border:1px solid #79739877;border-radius:16px;}
.learn-play .lp-light-compare h4,.learn-play .lp-material-compare h4 {font-size:16px;color:#dbe7ff;margin:0 0 16px;}
.learn-play .lp-compare-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.learn-play .lp-light-snapshot,.learn-play .lp-material-snapshot {margin:0;min-width:0;overflow:hidden;border:1px solid #667c9955;border-radius:13px;background:#0b172a;padding:12px;}
.learn-play .lp-light-photo {aspect-ratio:16/9;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;overflow:hidden;border-radius:8px;isolation:isolate;}
.learn-play .lp-tint {position:absolute;inset:0;pointer-events:none;mix-blend-mode:color;}
.learn-play .lp-compare-grid figcaption {font-size:14px;color:#dec9ff;margin-top:12px;}
.learn-play .lp-deltas {display:flex;gap:7px;flex-wrap:wrap;font-size:11px;}
.learn-play .lp-deltas span {background:#1b2e48;padding:6px;border-radius:6px;color:#b7cee9;}
.learn-play .lp-deltas .is-changed {background:#503a4d;color:#ffd2e8;border:1px solid #d495b666;}
.learn-play .lp-material-compare {margin-top:22px;padding:20px;border:1px solid #6889aa55;border-radius:16px;background:#0d1d32;}
.learn-play .lp-material-snapshot img {width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:9px;display:block;}
.learn-play #light .lp-light-gallery {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.learn-play #light .lp-light-gallery>div {grid-column:auto!important;grid-row:auto!important;aspect-ratio:4/3!important;}
.learn-play #light .lp-light-gallery>div:first-child {grid-column:span 2!important;aspect-ratio:8/3!important;}
.learn-play #animation .lp-animation-references {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important;}
.learn-play #animation .lp-animation-references>div {min-width:0!important;}
.learn-play #animation .lp-animation-references img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;}
.learn-play #animation>.grid-3 {grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.learn-play .lp-animation-card {overflow:hidden;padding:18px;min-width:0;}
.learn-play .lp-animation-card>img {width:calc(100% + 36px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;margin:-18px -18px 18px;pointer-events:none;}
.learn-play .lp-animation-card>.card-icon {display:none;}
.learn-play .lp-animation-card h3 {font-size:18px;}
.learn-play .lp-animation-card p {font-size:13px;line-height:1.8;}
.learn-play #ai .model-selector {width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.learn-play #ai .model-option {flex-direction:row;justify-content:center;align-items:center;padding:16px 10px;min-height:58px;border-radius:13px;}
.learn-play #ai .model-option span {font-size:14px;}
.learn-play .lp-assignment {margin-top:30px;padding:30px;border:1px solid #b799d577;border-radius:20px;background:radial-gradient(ellipse at 90% 10%,#61395544,transparent 70%),#122139;}
.learn-play .lp-assignment h3 {font-size:21px;margin:12px 0;color:#ece2ff;}
.learn-play .lp-assignment p {font-size:13px;color:#afc1db;line-height:1.8;margin-bottom:18px;}
.learn-play .lp-assignment-icon {display:grid;place-items:center;width:45px;height:45px;border-radius:12px;border:1px solid #ba9eddaa;font-size:25px;color:#efb6e9;background:#473b62;}
.learn-play .lp-assignment-dialog {max-width:min(650px,calc(100vw - 32px));max-height:85dvh;width:650px;box-sizing:border-box;padding:26px;border:1px solid #9c9ac9;background:#101f35;color:#dae7ff;border-radius:20px;margin:auto;overflow:auto;}
.learn-play .lp-assignment-dialog::backdrop {background:#020611ce;backdrop-filter:blur(7px);}
.learn-play .lp-assignment-dialog h3 {font-size:20px;}
.learn-play .lp-checklist {display:grid;gap:12px;margin:20px 0;font-size:13px;}
.learn-play .lp-checklist label {display:flex;align-items:flex-start;gap:10px;line-height:1.7;}
.learn-play .lp-checklist input {width:18px;height:18px;min-width:18px;accent-color:#ba92f4;margin-top:3px;padding:0;}
.learn-play .lp-reflection {display:block;font-size:13px;margin:20px 0;}
.learn-play .lp-reflection textarea {width:100%;min-height:100px;margin-top:10px;font:inherit;font-size:13px;line-height:1.7;}
@media(max-width:950px){.learn-play .lp-task-layout{grid-template-columns:1fr}.learn-play .lp-task-figure{max-width:660px;width:100%;margin:auto}.learn-play .lp-task-panel{min-height:90px}.learn-play .lp-scene-presets{grid-template-columns:1fr}.learn-play .lp-scene-presets button{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0}.learn-play .lp-scene-presets button img{grid-row:1/3}.learn-play .lp-scene-presets button small{align-self:start;margin:0 12px 12px}.learn-play .lp-scene-presets button strong{align-self:end;margin:12px}.learn-play #animation>.grid-3{grid-template-columns:1fr}.learn-play .lp-animation-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-items:center}.learn-play .lp-animation-card>img{width:100%;margin:0;grid-row:1/4;border-radius:11px}.learn-play .lp-animation-card .badge{justify-self:start}}
@media(max-width:600px){.learn-play .lp-compare-grid{grid-template-columns:1fr}.learn-play #light .lp-light-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.learn-play #animation .lp-animation-references{grid-template-columns:1fr}.learn-play .lp-scene-presets button{display:block;text-align:left;padding-bottom:12px}.learn-play .lp-scene-presets button small{margin:4px 12px 0}.learn-play .lp-task-steps button{font-size:11px;padding:8px 3px}.learn-play .lp-animation-card{display:block}.learn-play .lp-animation-card>img{margin-bottom:16px}.learn-play .lp-assignment{padding:20px}.learn-play .lp-assignment-dialog{padding:18px}.learn-play .lp-material-compare{padding:12px}}