/* Compact star targets; keyboard focus follows the star, with its label outside. */
.work-star{width:44px;height:44px;padding:7px;gap:0;border-radius:50%;cursor:pointer;isolation:isolate}
.work-star svg{width:30px;height:30px;padding:0;flex:none;transition:fill 220ms ease,filter 220ms ease,scale 280ms ease}
.work-star::before{content:"";position:absolute;inset:2px;border:1px solid #d6c89c00;border-radius:50%;background:#d6c89c00;transition:border-color 260ms ease,background-color 260ms ease,box-shadow 260ms ease;pointer-events:none}
.work-star .star-name{position:absolute;top:49px;left:50%;transform:translateX(-50%);width:max-content;max-width:148px;padding:4px 9px;font-size:11px;line-height:1.5;border-radius:7px;pointer-events:none;transition:opacity 220ms ease}
.work-star:focus-visible{outline:2px solid #ead6a4;outline-offset:4px;border-radius:50%;box-shadow:0 0 0 3px #09121c}
.work-star:hover::before,.work-star.selected::before{border-color:#e5d3a480;background:#d6c89c12;box-shadow:0 0 15px #d6c89c19}
.work-star:hover svg,.work-star.selected svg{fill:#fff0bf;filter:drop-shadow(0 0 6px #eedaa04d);scale:1.1}
.work-star.selected .star-name{opacity:1;border-color:#d5c3977a;color:#f3e7c9}
.planet-touch:focus-visible{outline:2px solid #d5eaf0;outline-offset:7px;box-shadow:0 0 0 3px #08141b}
.orbit-preview{width:min(460px,calc(100% - 32px));border:1px solid #b3b5a557;border-radius:22px;background:#0d141b;box-shadow:0 24px 88px #0009,0 1px 0 #e9e3ce12 inset;will-change:transform,opacity}
.orbit-preview::backdrop{background:#030910b8;animation:preview-veil-in 360ms ease both}
.orbit-preview.closing::backdrop{background:#03091000;animation:preview-veil-out 280ms ease both;transition:none}
.preview-heading{right:12px;top:12px}
.preview-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#f5edd9;background:#101a22ed;border-color:#d6d5c869;box-shadow:0 2px 12px #0004;font-family:inherit;cursor:pointer}
.preview-close:hover{background:#25313a;border-color:#e5d2a0}
.preview-close:focus-visible{outline:2px solid #f0d8a1;outline-offset:3px}
#preview-body .card-art{height:auto;min-height:208px;aspect-ratio:16/9;background:#07111c}
#preview-body .card-content{padding:24px}
#preview-body .card-description{margin-block:12px 20px}
#preview-body .card-entry{display:flex;justify-content:center;gap:12px;min-height:46px;width:100%;margin-top:24px;padding:10px 18px;border:1px solid #e2cfa1;border-radius:10px;background:#d5c39d;color:#101a22;font-size:14px;font-weight:600;opacity:1;transition:background-color 220ms ease,border-color 220ms ease}
#preview-body .work-card:hover .card-entry{background:#ecdcb6;border-color:#f0e1bd}
#preview-body .work-card:focus-visible{outline:2px solid #f0d8a1;outline-offset:-4px}
@keyframes preview-veil-in{from{background:#03091000}to{background:#030910b8}}
@keyframes preview-veil-out{from{background:#030910b8}to{background:#03091000}}
@media(max-width:680px){.work-star{width:44px}.work-star .star-name{font-size:10px;max-width:128px}#preview-body .card-content{padding:20px}.orbit-preview{max-height:calc(100dvh - 32px);border-radius:18px}}
@media(prefers-reduced-motion:reduce){.work-star svg,.work-star::before,.work-star .star-name{transition:none}.work-star:hover svg,.work-star.selected svg{scale:1}.orbit-preview{will-change:auto}.orbit-preview::backdrop,.orbit-preview.closing::backdrop{animation:none}}
@media(forced-colors:active){.work-star:focus-visible,.planet-touch:focus-visible,.preview-close:focus-visible{outline:2px solid Highlight}.work-star::before{border-color:ButtonText}#preview-body .card-entry{border:1px solid ButtonText}}