.learning-experience-dialog{color:#edf7f2;background:#101713;border:1px solid #5be1d066;border-radius:22px;width:min(760px,100vw - 32px);max-width:760px;max-height:min(860px,100dvh - 32px);padding:0;overflow:hidden;box-shadow:0 30px 100px #000c,0 0 0 1px #0008}.learning-experience-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030605d4}.learning-experience-panel{scrollbar-color:#46645a transparent;gap:18px;max-height:min(860px,100dvh - 32px);padding:clamp(20px,4vw,32px);display:grid;overflow:hidden auto}.learning-experience-panel>header{justify-content:space-between;align-items:start;gap:20px;display:flex}.learning-experience-panel>header span{gap:7px;min-width:0;display:grid}.learning-experience-panel>header small{color:#58e5d5;letter-spacing:.16em;font:800 9px ui-monospace,monospace}.learning-experience-panel>header strong{color:#f4faf6;overflow-wrap:anywhere;font-size:clamp(23px,4vw,32px);line-height:1.12}.learning-experience-panel>header button{color:#e7efea;cursor:pointer;background:#1b241f;border:1px solid #526059;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;padding:0 0 3px;font:400 25px/1 sans-serif;display:grid}.learning-experience-panel>header button:hover,.learning-experience-panel>header button:focus-visible{color:#65e5d5;border-color:#65e5d5;outline:none}.learning-copy{color:#b8c6bf;white-space:pre-wrap;margin:-2px 0 0;line-height:1.65}.learning-media{object-fit:contain;background:#080c0a;border:1px solid #31433a;border-radius:15px;width:100%;max-height:420px;margin:0}audio.learning-media{min-height:54px}.learning-embed{gap:10px;min-width:0;display:grid}.learning-embed iframe{aspect-ratio:16/9;background:#080c0a;border:1px solid #3d5148;border-radius:15px;width:100%;min-height:0;display:block}.learning-embed a,.learning-resource-link{color:#75e8d9;letter-spacing:.06em;font:800 10px ui-monospace,monospace}.learning-embed a{width:fit-content}.learning-resource-link{background:#17221c;border:1px solid #3d5148;border-radius:11px;justify-content:space-between;align-items:center;padding:13px 15px;text-decoration:none;display:flex}.learning-game{border-top:1px solid #34433b;gap:15px;padding-top:18px;display:grid}.learning-game-status{flex-wrap:wrap;gap:8px;display:flex}.learning-game-status span{color:#bed0c7;background:#18221d;border:1px solid #3d5148;border-radius:99px;padding:7px 10px;font-size:12px}.learning-game h3{margin:2px 0 0;font-size:18px;line-height:1.4}.learning-answers{gap:9px;display:grid}.learning-answers button{color:#e8f1ec;text-align:left;cursor:pointer;background:#18221d;border:1px solid #40534a;border-radius:10px;min-height:48px;padding:11px 14px}.learning-answers button:hover:not(:disabled),.learning-answers button:focus-visible{border-color:#58e5d5}.learning-answers button.correct{color:#b9ffd2;background:#143120;border-color:#65df9a}.learning-answers button.incorrect{color:#ffd0ca;background:#351815;border-color:#ff816f}.learning-feedback{color:#ffd0ca;background:#351815;border-radius:10px;margin:0;padding:12px;line-height:1.5}.learning-feedback.success{color:#b9ffd2;background:#143120}.learning-identification-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;display:grid}.learning-identification-form label{color:#c7bd74;letter-spacing:.1em;gap:6px;font:800 9px ui-monospace,monospace;display:grid}.learning-identification-form input{color:#f8f4d5;background:#19180f;border:1px solid #71692f;border-radius:10px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.learning-identification-form button{color:#17160d;letter-spacing:.08em;background:#e7dc7e;border:1px solid #e7dc7e;border-radius:10px;min-height:48px;padding:10px 16px;font:800 10px ui-monospace,monospace}@media (width<=520px){.learning-experience-dialog{border-radius:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.learning-experience-panel{gap:15px;max-height:calc(100dvh - 16px);padding:18px 16px 20px}.learning-experience-panel>header strong{font-size:23px}.learning-experience-panel>header button{width:38px;height:38px}.learning-identification-form{grid-template-columns:1fr}}