.crown-challenge{position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:50px;min-height:390px;margin-top:85px;padding:42px 7%;isolation:isolate;overflow:hidden;border:1px solid #46458b;border-radius:12px;background:radial-gradient(ellipse at 20% 50%,#29278c42,transparent 55%),linear-gradient(120deg,#101021,#090912 75%)}
.crown-challenge:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#8383f52b 1px,transparent 1px),linear-gradient(90deg,#8383f52b 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,#000,transparent)}
.crown-art{position:relative;display:grid;place-items:center;width:290px;height:290px;max-width:100%;margin:auto;color:#b6b7ff}
.crown-orbit{position:absolute;border:1px solid #7978e880;border-radius:50%;inset:12px;box-shadow:inset 0 0 35px #4440c329,0 0 35px #4440c320}.orbit-one:before,.orbit-one:after{content:'';position:absolute;width:7px;height:7px;background:#ccccff;box-shadow:0 0 14px #8381ff;border-radius:50%;top:50%;left:-4px}.orbit-one:after{left:auto;right:-4px}.orbit-two{inset:32px;border-style:dashed;border-color:#7e7ded48;transform:rotate(35deg)}
.crown-seal{display:grid;place-items:center;width:150px;height:150px;border:1px solid #9c9ad4;border-radius:30px;transform:rotate(45deg);background:linear-gradient(145deg,#25235f,#0d0d27);box-shadow:0 0 65px #5655ff48,inset 0 0 24px #635fe524}.crown-seal svg{width:88px;height:88px;transform:rotate(-45deg);color:#dbdbff;filter:drop-shadow(0 0 12px #7470ff)}
.crown-star{position:absolute;font-size:30px;text-shadow:0 0 20px #9895ff}.star-one{top:0;left:45%}.star-two{bottom:65px;right:0;font-size:18px}.star-three{top:65px;left:0;font-size:22px}.crown-art-caption{position:absolute;bottom:-2px;font-size:9px;letter-spacing:4px;color:#8e8ebf;background:#0e0e20;padding:2px 13px}
.crown-copy .eyebrow{margin-bottom:16px;font-size:10px}.crown-copy h2{font-size:clamp(36px,4vw,52px);line-height:1.02}.crown-intro{max-width:410px;color:#b2b2cc;font-size:14px;margin:18px 0 24px;line-height:1.7}.crown-start{gap:30px}.crown-footnote{font-size:10px;color:#908fb4;margin-top:14px;letter-spacing:.3px}
#crown-dialog{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:30px;overflow:auto;background:radial-gradient(ellipse at top,#212040,#0d0d1c 70%);border-color:#6a68b4}#crown-dialog .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px;padding-right:22px}#crown-dialog h2{font-size:34px;margin-bottom:10px}.crown-close{position:absolute;right:10px;top:8px;width:40px;height:40px;font-size:25px;background:transparent;color:#c2c1ec}.crown-instructions{font-size:13px;line-height:1.6;color:#b1b0ce}#crown-dialog .crown-instructions{margin-bottom:18px}
.crown-stats{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-block:1px solid #ffffff15;margin-bottom:18px}.crown-stats span{display:flex;flex-direction:column;gap:2px;font-size:10px;color:#a5a4c9;text-transform:uppercase;letter-spacing:1px}.crown-stats strong{font-size:21px;color:#e7e7ff;letter-spacing:0;font-variant-numeric:tabular-nums}
.crown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.rune-card{aspect-ratio:1;min-height:50px;display:grid;place-items:center;border-radius:8px;border:1px solid #464480;background:linear-gradient(140deg,#21203f,#16152e);font-size:32px;color:#8e8bd6;transition:background .18s,border-color .18s,transform .18s}.rune-card:hover:not([aria-disabled=true]){border-color:#a19dff;background:#2a2856;transform:translateY(-2px)}.rune-card svg{width:45%;height:45%;pointer-events:none}.rune-card.rune-open{background:#29265f;color:#d2cfff;border-color:#716cef}.rune-card.rune-matched{background:#20352f;border-color:#4d8e70;color:#ace5c3}.rune-card:focus-visible{outline:2px solid #e2dfff;outline-offset:2px}
#crown-dialog .crown-feedback{font-size:12px;min-height:38px;line-height:1.6;margin:14px 0 4px;color:#bab9e0}.crown-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.crown-restart{background:transparent;border:1px solid #585586;border-radius:5px;min-height:40px;padding:6px 12px;font-size:12px}.crown-bottom small{max-width:180px;color:#83829f;font-size:10px;line-height:1.5;text-align:right}.crown-victory{border:1px solid #b18d45;border-radius:9px;text-align:center;padding:18px 12px;background:radial-gradient(ellipse at top,#6b4b254a,#1e1c27)}.crown-victory[hidden]{display:none}.crown-victory svg{width:38px;height:38px;color:#ffe3a4;filter:drop-shadow(0 0 12px #dfb552)}.crown-victory h3{color:#ffe3a4;font-size:22px;margin:8px 0}#crown-dialog .crown-victory p{font-size:12px;color:#e3d2b3;margin:0}.crown-won .crown-grid{gap:5px}.crown-won .rune-card{aspect-ratio:auto;min-height:40px;height:40px}.crown-won .rune-card svg{width:24px;height:24px}
@media(prefers-reduced-motion:no-preference){.orbit-one{animation:crown-orbit 40s linear infinite}.crown-seal{animation:crown-glow 5s ease-in-out infinite}@keyframes crown-orbit{to{transform:rotate(360deg)}}@keyframes crown-glow{50%{box-shadow:0 0 85px #5655ff77,inset 0 0 24px #635fe54f}}}
@media(max-width:700px){.crown-challenge{grid-template-columns:1fr;gap:30px;padding:32px 24px;margin-top:55px}.crown-art{width:210px;height:210px}.crown-seal{width:105px;height:105px;border-radius:22px}.crown-seal svg{width:64px;height:64px}.crown-copy{text-align:center}.crown-intro{margin-inline:auto}.crown-copy h2{font-size:40px}.crown-start{width:100%;justify-content:center}.crown-art-caption{letter-spacing:2px;font-size:8px}.crown-footnote{font-size:9px}}
@media(max-width:420px){#crown-dialog{padding:25px 18px}.crown-grid{gap:7px}#crown-dialog h2{font-size:30px}.crown-stats strong{font-size:19px}.crown-bottom{gap:10px}.crown-bottom small{max-width:135px}}
@media(prefers-reduced-motion:reduce){.rune-card{transition:none}}