.cc-trophy{--award-color:#ffe69b;display:inline-grid;place-items:center;position:relative;width:150px;height:165px;perspective:500px;isolation:isolate;flex:none}
.cc-trophy svg{position:relative;z-index:2;width:125px;height:125px;overflow:visible;transform:rotateY(-12deg) rotateX(7deg);filter:drop-shadow(3px 4px 0 #523d40) drop-shadow(0 0 14px color-mix(in srgb,var(--award-color) 45%,transparent));animation:cc-trophy-turn 6s ease-in-out infinite}
.cc-trophy-halo{position:absolute;inset:14px 0 20px;border:1px solid color-mix(in srgb,var(--award-color) 60%,transparent);border-radius:50%;transform:rotateX(65deg) rotateZ(-20deg);box-shadow:0 0 25px color-mix(in srgb,var(--award-color) 30%,transparent)}.cc-trophy-base{position:absolute;bottom:8px;left:20px;right:20px;height:14px;transform:rotateX(60deg);border-radius:50%;border:2px solid var(--award-color);box-shadow:0 0 16px var(--award-color),inset 0 0 16px color-mix(in srgb,var(--award-color) 25%,transparent)}.cc-trophy-small{width:100px;height:105px}.cc-trophy-small svg{width:84px;height:84px}.cc-trophy-small .cc-trophy-base{bottom:0;left:12px;right:12px;height:10px}
.cc-community-award{display:flex;align-items:center;justify-content:center;gap:25px;padding:28px 18px;margin:-3px -3px 22px;border:2px solid var(--award-color,#ffe69b);border-radius:22px;background:transparent!important;text-decoration:none;box-shadow:inset 0 1px #fff9,0 0 28px color-mix(in srgb,var(--award-color,#ffe69b) 25%,transparent);color:#f6ffff}.cc-community-award>span:last-child{display:grid;gap:10px}.cc-community-award small{letter-spacing:.15em;font:700 12px system-ui;color:var(--award-color)}.cc-community-award strong{font:400 clamp(24px,3vw,38px)/1.15 NeonTube,system-ui;color:#f6ffff;text-shadow:0 0 16px var(--award-color)}.cc-community-award b{font:600 15px/1.4 system-ui;color:#edf9ff}
.cc-dashboard{margin:26px 0;padding:26px;border:3px solid var(--background-neon,#ffd16b);border-radius:24px;background:transparent!important;box-shadow:inset 0 1px #fff8,3px 4px 0 #07202b,0 0 24px #ffd16b22;min-width:0;color:#f1ffff}.cc-dashboard[hidden]{display:none}.cc-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.cc-dashboard h2{font:400 clamp(27px,3vw,38px)/1.2 NeonTube,system-ui;color:#fff4c0;margin:0;text-shadow:0 0 14px #ffc76270}.cc-dashboard p{color:#dcecf2;font:15px/1.5 system-ui}.cc-dashboard a{display:inline-block;padding:11px 16px;border:1px solid #ffe395;border-radius:12px;text-decoration:none;color:#fff3c5;background:transparent;font-weight:700}.cc-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.cc-dashboard-stats>div{border:1px solid var(--background-neon,#8decdc);border-radius:13px;padding:16px;background:transparent}.cc-dashboard-stats strong{display:block;font:400 32px NeonTube,system-ui;color:#c7ffe2}.cc-dashboard-stats span{font:13px/1.4 system-ui;color:#deecf4}.cc-dashboard-awards{display:flex;gap:15px;flex-wrap:wrap}.cc-dashboard-award{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 220px;border:1px solid var(--award-color);border-radius:17px;padding:10px}.cc-dashboard-award strong{display:block;color:var(--award-color);font:600 17px/1.3 system-ui}.cc-dashboard-award small{color:#dae9f0;font:12px/1.4 system-ui}
.challenge-calls .hub-challenge-art{display:flex;justify-content:center;align-items:center;overflow:visible;background:transparent!important}.challenge-calls .hub-challenge-art>span{position:absolute}.challenge-calls .cc-trophy{transform:scale(1.18)}.challenge-calls{--neon-accent:#ffd16b}
html[data-frame-fill=filled] :is(.cc-dashboard,.cc-dashboard-stats>div,.cc-dashboard-award,.cc-community-award){background:var(--frame-glass,linear-gradient(135deg,#241e40db,#0c1423e6,#1c3545d1))!important}
@keyframes cc-trophy-turn{0%,100%{transform:translateY(0) rotateY(-15deg) rotateX(6deg)}50%{transform:translateY(-7px) rotateY(17deg) rotateX(-5deg)}}
@media(max-width:600px){.cc-community-award{gap:12px;padding:20px 10px}.cc-community-award .cc-trophy{width:105px;height:130px}.cc-community-award .cc-trophy svg{width:95px;height:95px}.cc-dashboard{padding:20px 15px}.cc-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.cc-trophy svg{animation:none}}.reduced-motion .cc-trophy svg{animation:none}
/* Matching thumbnail-like shading for the dash's Community invitation and saved achievements. */
html:not([data-frame-fill=filled]) body :is(.cc-dashboard,.cc-community-award,.challenge-calls){background:var(--frame-glass-clear,transparent)!important}
html:not([data-frame-fill=filled]) body :is(.cc-dashboard-stats>div,.cc-dashboard-award){background:var(--frame-glass-clear,transparent)!important}
