.play-learn-panel{background:radial-gradient(ellipse at 45% 0,#0b355c,#071f38 57%,#1c3b58);border:1px solid #75b7dd59;box-shadow:inset 0 0 24px #67b5f426,0 10px 23px #00172f35}.play-learn-heading{display:flex;align-items:center;gap:.55rem;font-size:1.43rem;font-weight:750}.play-learn-heading svg{color:#63f3ff;filter:drop-shadow(0 0 5px #05d7ef9c)}.play-learn-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:.7rem 0 .9rem;border-radius:2rem;background:linear-gradient(145deg,#254666,#214164)}.play-learn-tabs button{min-height:2.65rem;border-radius:2rem;padding:.3rem .28rem;color:#eef7ff;font-size:.86rem;font-weight:700}.play-learn-tabs button:hover{background:#87baff24}.play-learn-tabs button[aria-selected=true]{background:linear-gradient(#ebfaff,#8ee3f8);box-shadow:inset 0 0 0 1px #e8fbff8a,0 4px 12px #0ed3ff36;color:#053674}.play-learn-body,.play-learn-list{display:grid;gap:.52rem}.play-learn-tile{overflow:hidden;border:1px solid #f0faff;border-radius:.95rem;background:linear-gradient(142deg,#f8fcff,#daeafa);box-shadow:0 3px 9px #00162a55;color:#0b2138}.play-learn-mission{background:linear-gradient(140deg,#e8f8ff,#bee5f7)}.play-learn-row{display:grid;grid-template-columns:clamp(3.1rem,5vw,4.5rem) minmax(0,1fr) .8rem;align-items:center;gap:.6rem;min-height:5.8rem;padding:.55rem}.play-learn-row:hover{background:#ffffff65}.play-learn-row:focus-visible{outline-offset:-3px}.play-learn-art{width:100%;aspect-ratio:.9;height:auto;align-self:stretch;border-radius:.65rem;object-fit:cover}.play-learn-gate{object-position:69% center}.play-learn-symbol{display:grid;place-items:center;background:linear-gradient(155deg,#e8f5ff,#b8d9ed);color:#146788}.play-learn-symbol svg[viewBox="0 0 24 16"]{width:60%;height:auto}.play-learn-copy{min-width:0}.play-learn-copy h3{font-size:clamp(.86rem,1vw,1rem);line-height:1.13;font-weight:750}.play-learn-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:.22rem;font-size:.73rem;line-height:1.3}.play-learn-meta{display:block;margin-top:.28rem;color:#24527d;font-size:.67rem;font-weight:700}.play-learn-arrow{width:.8rem;height:1rem;color:#0758bb}.play-learn-progress{display:flex;align-items:center;gap:.4rem;margin-top:.32rem}.play-learn-progress progress{flex:1;min-width:0;height:.5rem;appearance:none;border:0;border-radius:1rem;overflow:hidden;background:#a7c8e3;accent-color:#006af5}.play-learn-progress progress::-webkit-progress-bar{background:#a7c8e3}.play-learn-progress progress::-webkit-progress-value{background:#006af5}.play-learn-progress span{white-space:nowrap;font-size:.78rem;font-weight:750}.play-learn-steps{padding:.05rem .62rem .45rem;font-size:.72rem}.play-learn-steps summary{cursor:pointer;font-weight:650}.play-learn-steps ol{margin:.35rem 0 0 1.05rem;list-style:decimal}.play-learn-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem;margin-top:.15rem;color:#d9eaff;text-align:center;font-size:.75rem}.play-learn-pagination button{min-height:2.75rem;padding:.25rem .65rem;border:1px solid #5e92bb;border-radius:2rem;color:#f4fbff;font-weight:650}.play-learn-pagination button:not(:disabled):hover{background:#235176}.play-learn-pagination button:disabled{opacity:.5}