header .missionBadge{--court-hue:285;position:relative;isolation:isolate;overflow:visible;margin-top:5px;border-radius:24px;border:1px solid hsl(var(--court-hue) 100% 78% / .65);background:radial-gradient(ellipse at 30% 0%,hsl(var(--court-hue) 80% 30% / .55),transparent 65%),linear-gradient(135deg,#100d20,#050812);padding:21px 18px;box-shadow:0 0 18px hsl(var(--court-hue) 100% 68% / .22),0 0 60px hsl(var(--court-hue) 100% 55% / .12),inset 0 0 28px #d9b5ff12;animation:crownBreathe 5s ease-in-out infinite}header .missionBadge::before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:26px;background:conic-gradient(from 0deg,transparent,#ffd59488,transparent,#ddc5ff88,transparent,#88efff88,transparent);filter:blur(6px);opacity:.6;animation:crownAura 7s ease-in-out infinite;pointer-events:none}header .missionBadge::after{content:"✦";position:absolute;right:18px;top:9px;color:#ffe6aa;font-size:19px;text-shadow:0 0 12px #fff,0 0 28px #ffbd7a;animation:crownStar 3s ease-in-out infinite;pointer-events:none}header .missionBadge summary{gap:16px;min-height:80px}header .missionArtwork{position:relative;overflow:visible;flex:0 0 88px;width:88px;height:94px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,hsl(var(--court-hue) 100% 70% / .22),transparent 70%)}header .missionArtwork::before{content:"";position:absolute;inset:-7px;border:1px solid #ffe2a8aa;border-radius:50%;box-shadow:0 0 16px #ffd49455;transform:rotateX(55deg) rotateZ(-20deg);pointer-events:none}header .missionArtwork img{width:100%;height:100%;filter:drop-shadow(0 0 8px hsl(var(--court-hue) 100% 75%)) drop-shadow(0 0 18px #eebdff55);animation:crownFloat 5s ease-in-out infinite}header .missionName small{font-size:11px;letter-spacing:.2em;color:#f8dba6}header .missionName strong{font-family:Georgia,serif;font-size:clamp(18px,2vw,24px);font-weight:400;color:#fff4db;text-shadow:0 0 18px #e9ccff88;line-height:1.25}header .missionName>span{font-size:12px;color:#c5c1db}header .missionReward{border-color:#e8c6ff20;font-size:11px}header .missionReward::before{content:"TOUCH YOUR CROWN · ENTER THE MEMBER COURT";display:block;font-size:9px;letter-spacing:.13em;color:#e8c7ff;margin:5px 0 10px}.courtDialog{width:min(900px,95vw);max-height:90svh;overflow:auto;background:radial-gradient(ellipse at 50% 0,#282044,#090813 65%);border:1px solid #d8b9ff77;border-radius:24px;color:#f5eefc;padding:35px;box-shadow:0 0 90px #a64bff25}.courtDialog::backdrop{background:#030209e8;backdrop-filter:blur(10px)}.courtClose{float:right;font-size:11px}.courtKicker{font:10px/1.5 Arial;letter-spacing:3px;color:#d6acff}.courtDialog h2{font:italic 42px/1.15 Georgia;margin:14px 0 26px;color:#ffe5b7}.courtOwn{padding:23px;border:1px solid #e2bd8555;border-radius:16px;background:linear-gradient(130deg,#38294955,#12101d);box-shadow:inset 0 0 25px #ffdd9410}.courtOwn>p:first-child{font-size:10px;letter-spacing:3px;color:#f2d192}.courtOwn h3{font:28px Georgia;color:#f9e3b3;margin:12px 0}.courtOwn p{font-size:13px;color:#c9c0d5}.courtIntro{font-size:14px;margin-top:24px;color:#c6b9d5}.courtSharing{display:flex;gap:10px;align-items:center;font-size:13px;padding:15px 0}.courtSharing input{width:19px;height:19px;accent-color:#b56bff}.courtCount,.courtStatus{font-size:12px;color:#bba5ce;margin:18px 0}.courtHigh,.courtLow{display:grid;gap:12px}.courtMember{position:relative;display:flex;align-items:center;gap:18px;padding:22px 18px;border:1px solid hsl(var(--court-hue) 80% 72% / .4);border-radius:16px;background:linear-gradient(120deg,hsl(var(--court-hue) 70% 25% / .3),#0a0b17);box-shadow:inset 0 0 35px hsl(var(--court-hue) 80% 70% / .06)}.courtMiniSeal{flex:0 0 57px;width:57px;height:65px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 23%,91% 76%,50% 100%,9% 76%,0 23%);background:linear-gradient(145deg,#ffe3a8,hsl(var(--court-hue) 85% 70%),#9ad8fa);color:#170d2c;font:25px Georgia;text-shadow:0 1px #fff7}.courtMemberCopy{min-width:0;flex:1}.courtMemberCopy small{font-size:9px;letter-spacing:1.7px;color:#efcf9c}.courtMember h3{font:22px Georgia;margin:5px 0;color:#fff0d4;overflow-wrap:anywhere}.courtMember p{font-size:12px;color:#bcafcd;margin:5px 0}.courtMember .courtMethod{font-size:10px;color:#9e93b2}.courtWallet{display:inline-block;font:12px monospace;color:#9fd9ff;margin-top:7px;padding:5px 0}.courtPosition{position:absolute;top:10px;right:14px;font:10px Georgia;color:#e9ce9555}.courtLower{margin-top:22px;border-top:1px solid #c3abff33;padding-top:18px}.courtLowSummary{cursor:pointer;font-size:14px;color:#d9c2f8;padding:12px 0 18px}.courtLower .courtMember{box-shadow:none;background:#0b0b17;border-color:#c2b0db22;padding:15px}.courtLower .courtMember h3{font-size:17px}.courtLower .courtMiniSeal{flex-basis:39px;width:39px;height:46px;font-size:18px}.courtQRButton{font-size:11px;max-width:110px;padding:10px}.courtQR{width:96px;height:96px;object-fit:contain;background:white;border:7px solid white;border-radius:8px}.courtEmpty{font-size:13px;color:#b8a7c6;padding:20px}.courtMore{display:block;margin:20px auto 0}.courtDialog button:focus-visible,.courtDialog a:focus-visible{outline:2px solid #f2d398;outline-offset:4px}@keyframes crownBreathe{0%,100%{box-shadow:0 0 18px #a461ff33,0 0 50px #b977ff18}50%{box-shadow:0 0 28px #c793ff55,0 0 65px #b977ff2b}}@keyframes crownAura{50%{opacity:.95;filter:blur(9px)}}@keyframes crownFloat{50%{transform:translateY(-4px)}}@keyframes crownStar{50%{opacity:.3;transform:scale(.75)}}.documentHidden .missionBadge,.documentHidden .missionBadge::before,.documentHidden .missionBadge::after,.documentHidden .missionBadge img{animation-play-state:paused}@media(max-width:700px){header .missionBadge{padding:15px 12px;border-radius:18px}header .missionBadge summary{gap:13px;min-height:72px}header .missionArtwork{flex-basis:72px;width:72px;height:78px}header .missionName strong{font-size:19px}.courtDialog{padding:24px 17px}.courtDialog h2{font-size:32px}.courtMember{gap:12px;padding:18px 12px;flex-wrap:wrap}.courtMiniSeal{flex-basis:45px;width:45px;height:55px}.courtMember h3{font-size:20px}.courtMemberCopy{flex:1;min-width:150px}.courtQR{margin-left:57px}}@media(prefers-reduced-motion:reduce){header .missionBadge,header .missionBadge::before,header .missionBadge::after,header .missionArtwork img{animation:none}}
/* Thirteen escalating crown tiers */
@property --crown-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.courtMember.crownTier,header .missionBadge.crownTier{isolation:isolate;position:relative;box-shadow:0 0 var(--crown-blur) var(--crown-1),inset 0 0 18px #ffffff08;animation:none}
.crownTier::before{content:"";position:absolute;inset:-1px;padding:var(--crown-edge);border-radius:inherit;background:conic-gradient(from var(--crown-angle),var(--crown-0),var(--crown-1),var(--crown-2),var(--crown-3),var(--crown-0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--crown-strength);pointer-events:none;z-index:0;animation:crownOrbit var(--crown-speed) linear infinite}
header .missionBadge.crownTier::before{inset:-1px;filter:none;z-index:0}
.crownTier[data-crown-level="12"]::before,.crownTier[data-crown-level="13"]::before{opacity:1}
.crownTier[data-crown-level="13"]{outline:1px solid #fff6;outline-offset:5px}
.crownTier[data-crown-motion="off"]::before{animation:none}
.crownFilmSeal{position:relative;isolation:isolate;overflow:hidden}
.courtMiniSeal.crownFilmSeal{flex-basis:76px;width:76px;height:88px;background:#140e25}
.crownFilm{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.8;pointer-events:none}
.courtMiniSeal.crownFilmSeal{color:white;text-shadow:0 2px 8px black,0 0 4px black;font-size:30px}
header .missionArtwork.crownFilmSeal img{position:relative;opacity:.35;z-index:1}
.crownControls{margin:18px 0;padding:14px;border:1px solid #ad8aff44;border-radius:12px}.crownControls summary{cursor:pointer;font-size:12px;letter-spacing:1px}.crownControls label{display:block;margin:14px 0;font-size:13px}.crownControls select{margin-left:8px;padding:8px;background:#151025;color:white;border:1px solid #ab8aff;border-radius:8px}.crownControls p{font-size:12px;color:#c4b8d3}
@keyframes crownOrbit{to{--crown-angle:360deg}}
@media(prefers-reduced-motion:reduce){.crownTier::before{animation:none}.crownFilm{display:none}}
.crownTier[data-crown-films="off"] .crownFilm{display:none}
.crownTier[data-crown-films="off"] .courtMiniSeal.crownFilmSeal{background:linear-gradient(145deg,#ffe3a8,hsl(var(--court-hue) 85% 70%),#9ad8fa);color:#170d2c;text-shadow:0 1px #fff7}
.crownTier[data-crown-films="off"] .missionArtwork img{opacity:1}
.dailyBloodDrop{flex:0 0 auto;min-width:40px;min-height:44px;padding:6px;margin:3px;color:#ff345c;background:#300817;border:1px solid #ff4772;border-radius:50%;filter:drop-shadow(0 0 7px #ff285b);animation:dailyBloodPulse 2s ease-in-out infinite;font-size:20px}
.dailyBloodDialog{max-width:480px;width:calc(100% - 32px);border:1px solid #ff4772;border-radius:20px;padding:24px;background:#140b17;color:#fff;line-height:1.6}.dailyBloodDialog::backdrop{background:#000c}.dailyBloodDialog button{min-height:44px;padding:10px;margin:6px}.dailyBloodDialog a{color:#ff9eb6}.dailyBloodDialog [hidden]{display:none!important}
@keyframes dailyBloodPulse{50%{filter:drop-shadow(0 0 12px #ff285b);border-color:#ffb2c1}}
@media(prefers-reduced-motion:reduce){.dailyBloodDrop{animation:none}}
/* Electric upper ranks: Level 12 stands above the quieter Level 9 cards. */
.crownTier[data-crown-level="9"],.crownTier[data-crown-level="10"],.crownTier[data-crown-level="11"]{box-shadow:0 0 8px var(--crown-1),0 0 18px #a95cff55,inset 0 0 20px #974dff12}
.crownTier[data-crown-level="9"]::before,.crownTier[data-crown-level="10"]::before,.crownTier[data-crown-level="11"]::before{opacity:.88;animation-duration:8s;padding:2px}
.crownTier[data-crown-level="12"],.crownTier[data-crown-level="13"]{box-shadow:0 0 9px var(--crown-0),0 0 21px var(--crown-1),0 0 38px #ff3da955,inset 0 0 30px #a045ff20;border-color:#ffe5ff;animation:crownElectricBreathe 3s ease-in-out infinite}
.crownTier[data-crown-level="12"]::before,.crownTier[data-crown-level="13"]::before{padding:3px;opacity:1;animation-duration:3s;background:conic-gradient(from var(--crown-angle),var(--crown-0),#e6ffff,var(--crown-1),var(--crown-2),#fff0f9,var(--crown-3),var(--crown-0))}
.crownTier[data-crown-level="12"]::after,.crownTier[data-crown-level="13"]::after{content:"";position:absolute;inset:-4px;border-radius:inherit;padding:2px;pointer-events:none;z-index:0;background:conic-gradient(from var(--crown-angle),transparent 0deg,#efffff 22deg,transparent 40deg,transparent 150deg,#ffddfb 180deg,transparent 205deg,transparent 315deg,var(--crown-0) 340deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:blur(1px);animation:crownOrbit 2.4s linear infinite reverse}
.crownTier[data-crown-level="13"]{box-shadow:0 0 12px white,0 0 26px var(--crown-1),0 0 46px #ff3da977,inset 0 0 35px #a045ff30}
@keyframes crownElectricBreathe{50%{box-shadow:0 0 14px var(--crown-0),0 0 27px var(--crown-2),0 0 45px #905aff77,inset 0 0 35px #b345ff25}}
.crownTier[data-crown-motion="off"],.crownTier[data-crown-motion="off"]::after{animation:none}
@media(prefers-reduced-motion:reduce){.crownTier[data-crown-level="12"],.crownTier[data-crown-level="13"],.crownTier::after{animation:none}}
.queenRewardHistory{margin:16px 0;padding:14px;border:1px solid #fc477b88;border-radius:14px;background:#190d1bdd;color:#f3eaf2}.queenRewardHistory summary{cursor:pointer;min-height:32px;display:flex;align-items:center;font-size:12px;letter-spacing:1px;font-weight:700;color:#ffd5e1}.queenRewardHistory p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.queenRewardHistory article{padding:14px 0;border-top:1px solid #f986a62b}.queenRewardHistory strong{font-size:13px}.queenRewardHistory a{display:inline-block;color:#a7e8ff;padding:5px 0;text-decoration:underline}.queenRewardHistory button{min-height:44px;padding:10px;margin:6px 6px 0 0}.queenRewardHistory [hidden]{display:none!important}

.courtIncubatorEgg{display:flex;width:44px;height:44px;align-items:center;justify-content:center;margin:14px 0 12px auto;text-decoration:none;border-radius:50%;background:transparent}.courtEggShell{display:block;width:21px;height:28px;border-radius:50% 50% 45% 45% / 62% 62% 38% 38%;background:radial-gradient(ellipse at 32% 24%,#605647 0,#171513 25%,#030303 65%);border:1px solid #e8b854;box-shadow:0 0 8px #ffd16c,0 0 18px #e7a62d88,inset 0 0 5px #e2b35055;animation:incubatorEggGlow 3s ease-in-out infinite}.courtIncubatorEgg:hover .courtEggShell{box-shadow:0 0 12px #ffe19a,0 0 24px #e7a62dcc}@keyframes incubatorEggGlow{50%{box-shadow:0 0 12px #ffe19a,0 0 22px #e7a62daa}}@media(prefers-reduced-motion:reduce){.courtEggShell{animation:none}}

/* Clean holographic depth for the personal badge. */
header .missionBadge.crownTier{background:radial-gradient(ellipse at 12% 18%,#3ff4ff24,transparent 55%),radial-gradient(ellipse at 88% 42%,#ff4bdb2a,transparent 60%),linear-gradient(135deg,#172641,#291637 48%,#102830);box-shadow:0 0 24px #69eaff45,0 0 46px #e755ff24,inset 0 0 40px #bc7aff12}
.crownFilm{transition:opacity .28s ease;will-change:opacity}.crownFilm.crownFilmSeam{opacity:.55}
@media(prefers-reduced-motion:reduce){.crownFilm{transition:none;will-change:auto}}

/* Holographic surface keeps the content above its moving light. */
#missionBadge.crownTier{background:radial-gradient(ellipse at 5% 12%,#15e4ff66,transparent 62%),radial-gradient(ellipse at 95% 60%,#eb43ff66,transparent 65%),linear-gradient(130deg,#123c52,#281949 45%,#103f3d);box-shadow:0 0 26px #61f5ff70,0 0 65px #ce4cff40,inset 0 0 40px #99efff20;border-color:#a8fbff}
#missionBadge.crownTier::after{content:"";inset:0;border-radius:inherit;right:0;top:0;background:linear-gradient(115deg,transparent 28%,#b9fcff22 43%,#ffb1ef33 48%,#fff4c633 51%,transparent 66%);background-size:240% 100%;animation:badgeHoloShimmer 9s ease-in-out infinite;z-index:0;pointer-events:none}
#missionBadge>details,#missionBadge>.bloodRewardArea,#missionBadge>.bloodQueueBadge,#missionBadge>.missionReward{position:relative;z-index:1}
#missionBadge .missionName strong{color:#fff8ef;text-shadow:0 1px 4px #000,0 0 20px #adf8ff70}#missionBadge .missionName>span{color:#eef6ff;text-shadow:0 1px 3px #000}
@keyframes badgeHoloShimmer{0%,100%{background-position:100% 0;opacity:.5}50%{background-position:0% 0;opacity:1}}
@media(prefers-reduced-motion:reduce){#missionBadge.crownTier::after{animation:none;opacity:.65}}
/* Compact reward center across touch screens and desktop. */
#missionBadge{box-sizing:border-box;max-width:100%;min-width:0}
#missionBadge>details>summary{display:flex;align-items:center;min-width:0;gap:14px}
#missionBadge .missionName{flex:1;min-width:0}#missionBadge .missionName strong{display:block;overflow-wrap:anywhere}
#missionBadge .missionReward{margin:12px 0 0;padding-top:12px;font-size:11px;color:#d9e9ef}
#missionBadge .bloodRewardArea{display:grid;gap:10px;margin-top:12px}
#missionBadge .bloodRewardGuide,#missionBadge .bloodQueueLedger{margin:0;padding:12px 15px;border-radius:14px;box-shadow:none}
#missionBadge .bloodRewardGuide>summary,#missionBadge .bloodQueueLedger>summary{min-height:44px;padding:0;margin:0;gap:10px;font-size:13px;letter-spacing:.045em;line-height:1.45}
#missionBadge .bloodRewardGuide .bloodRewardLead{font-size:16px}#missionBadge .bloodRewardGuide p{font-size:13px;line-height:1.65}
#missionBadge .bloodQueueBadge{padding-top:12px;margin-top:12px;border-top:1px solid #c0f9ff30}#missionBadge .bloodQueueBadge small{display:block;font-size:12px;line-height:1.65}
.bloodReceiptCard{padding:15px;margin:12px 0;border:1px solid #93f6e42b;border-radius:13px;background:#07131e85;display:grid;grid-template-columns:1fr auto;gap:10px;color:#edf9ff}
.bloodReceiptCard>div{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.bloodReceiptCard strong{color:#a5ffce;font-size:16px}.bloodReceiptCard time{font-size:12px;color:#cad7e5}.bloodReceiptCard>a{font-size:13px;color:#aceef8;text-underline-offset:4px;min-height:32px;display:flex;align-items:center}.bloodReceiptCard>details{grid-column:1/-1}.bloodReceiptCard>details>summary{min-height:32px!important;font-size:10px!important;letter-spacing:.06em;padding:0!important;cursor:pointer}.bloodReceiptCard>details p{font-size:12px!important;word-break:break-all;line-height:1.6}
.publicBloodDialog{box-sizing:border-box!important;width:min(620px,calc(100vw - 24px))!important;padding:22px!important;border-radius:20px!important}.publicBloodDialog h2{font-size:clamp(22px,4vw,30px);line-height:1.2}.publicBloodDialog p{font-size:14px;line-height:1.65}.publicBloodDialog button,.publicBloodDialog a.button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.publicBloodDialog .bloodQueueLedger>summary{min-height:44px;font-size:14px}.publicBloodDialog .bloodQueueLedger p{font-size:13px}
@media(min-width:900px){#missionBadge .bloodRewardArea{grid-template-columns:1fr 1fr;align-items:start}.bloodQueueLedger .bloodReceiptCard{grid-template-columns:1fr auto}}
@media(max-width:420px){#missionBadge{padding:16px 13px}#missionBadge .missionArtwork{width:68px;height:76px;flex-basis:68px}#missionBadge>details>summary{gap:10px}#missionBadge .missionName strong{font-size:21px}#missionBadge .missionName small{font-size:10px;letter-spacing:.12em}#missionBadge .publicBloodDrop{min-width:48px;min-height:48px;margin-left:0}.publicBloodDialog{padding:18px!important}.bloodReceiptCard{padding:12px}.bloodReceiptCard>div{gap:6px}}
/* Automatic motion fallback: no native or custom play overlay on the badge. */
.crownFilmSeal .crownMotionFallback{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:1!important;filter:saturate(1.15)!important;animation:none!important;pointer-events:none;z-index:0!important;border-radius:inherit}
.crownMotionFallback[hidden]{display:none!important}.crownFilmSeal .crownFilm{display:none!important;z-index:1;opacity:1;filter:saturate(1.15)}.crownFilmSeal .crownFilm.crownFilmRunning{display:block!important}
#missionBadge .missionArtwork.crownFilmSeal #missionLevel{opacity:0}.crownTier[data-crown-films="off"] .crownMotionFallback,.crownTier[data-crown-motion="off"] .crownMotionFallback{display:none!important}#missionBadge[data-crown-films="off"] #missionLevel,#missionBadge[data-crown-motion="off"] #missionLevel{opacity:1}
#missionBadge .missionArtwork.crownFilmSeal{border-radius:18px;background:#123547;box-shadow:0 0 16px #6ef9ff88,0 0 30px #df79ff44;border:1px solid #a9f6ff80}
#missionBadge>details:first-child>summary{padding:14px;border:1px solid #b6f6ff66;border-radius:18px;background:linear-gradient(115deg,#26dfff25,#8c38ff30,#ff57c823);box-shadow:inset 0 0 24px #a6faff12,0 0 18px #7cfaff26}
@media(prefers-reduced-motion:reduce){.crownMotionFallback{display:none!important}#missionBadge .missionArtwork.crownFilmSeal #missionLevel{opacity:1}}