/* Neutral selection layouts share the same public work and profile tokens. */
.viewer-award-cards{display:flex;flex-direction:column;gap:var(--sp-16);min-width:0}
.viewer-award-card,.ten-selection{box-sizing:border-box;min-width:0;border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-white)}
.viewer-award-paper{overflow:hidden}.viewer-award-body{display:flex;flex-direction:column;gap:var(--sp-12);padding:var(--sp-12)}
.ten-selection-title{margin:0;font-family:var(--font-body);font-size:var(--fs-ui-body);font-weight:700;line-height:var(--lh-normal);overflow-wrap:anywhere}
.viewer-award-by { display: flex; align-items: center; gap: var(--sp-8); min-width: 0; margin: 0; font-size: var(--fs-ui-meta); font-weight: 700; line-height: var(--lh-relaxed); color: var(--c-text-sub); overflow-wrap: anywhere; }
.viewer-award-message { display: flex; flex-direction: column; gap: var(--sp-8); min-width: 0; padding-top: var(--sp-4); }
.viewer-award-person { display: flex; align-items: center; gap: var(--sp-8); min-width: 0; }
.viewer-award-avatar { display: block; width: var(--sp-32); height: var(--sp-32); flex: none; border: 1px solid var(--c-border); border-radius: 50%; object-fit: cover; background: var(--c-bg-soft); }
.viewer-award-person-copy { display: flex; flex-direction: column; gap: var(--sp-2); min-width: 0; }
.viewer-award-person-name { font-size: var(--fs-ui-body); font-weight: 800; line-height: var(--lh-relaxed); }
.viewer-award-by-link { min-height: var(--control-h); color: inherit; text-decoration: none; }
.viewer-award-by-link .viewer-award-by-link:hover { color: var(--c-pink); }
.award-credits { display: flex; flex-direction: column; gap: var(--sp-4); min-width: 0; }
.award-credit-singers { display: flex; align-items: center; gap: var(--sp-8); min-width: 0; min-height: var(--control-h); }
.award-credit-avatars { display: flex; flex: none; }
.award-credit-avatars > * { display: block; width: var(--sp-32); height: var(--sp-32); box-sizing: border-box; border: 2px solid var(--c-white); border-radius: 50%; background: var(--c-bg-soft); object-fit: cover; }
.award-credit-avatars > * + * { margin-left: calc(-1 * var(--sp-12)); }
.award-credit-avatars > :nth-child(n+4) { display: none; }
.award-credit-names { min-width: 0; font-size: var(--fs-ui-body); font-weight: 800; line-height: var(--lh-normal); overflow-wrap: anywhere; }
.award-credit-creators { display: flex; flex-wrap: wrap; gap: var(--sp-4) var(--sp-12); margin: 0; color: var(--c-text-sub); font-size: var(--fs-ui-meta); font-weight: 700; line-height: var(--lh-relaxed); overflow-wrap: anywhere; }
.award-credit-creator { display: flex; align-items: center; gap: var(--sp-4); min-width: 0; max-width: 100%; }
.award-credit-creator > img, .award-credit-creator > .avatar { display: block; flex: none; width: var(--sp-20); height: var(--sp-20); border-radius: 50%; background: var(--c-bg-soft); object-fit: cover; }
.award-credit-creator small { flex: none; font-size: inherit; font-weight: 400; }
.award-credit-name, .award-credit-creator { color: inherit; text-decoration: none; }
.award-credit-name + .award-credit-name::before { content: "×" / ""; display: inline-block; margin: 0 var(--sp-4); color: var(--c-text-sub); font-weight: 400; }
.award-credit-name:hover, .award-credit-creator:hover { color: var(--c-pink); text-decoration: underline; text-underline-offset: 3px; }
.award-credit-name:focus-visible, .award-credit-creator:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.viewer-award-work { display: flex; flex-direction: column; gap: var(--sp-12); min-width: 0; padding: var(--sp-4) 0; color: var(--c-navy); text-decoration: none; }
.viewer-award-thumbnail { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 1px solid var(--c-border); border-radius: var(--radius-m); background: var(--c-bg-soft); object-fit: cover; }
utamita-award-player { display: block; min-width: 0; }
.award-player-stage { min-width: 0; overflow: hidden; border: 1px solid var(--c-border); border-radius: var(--radius-m); background: var(--c-navy-deep); }
.award-player-frame { display: block; width: 100%; min-height: 200px; aspect-ratio: 16 / 9; border: 0; }
.viewer-award-comment { margin: 0; font-size: var(--fs-ui-body); font-weight: 700; line-height: var(--lh-relaxed); white-space: pre-wrap; overflow-wrap: anywhere; }
.award-view-tabs { display:flex; gap:var(--sp-8); }
.award-view-tabs a { display:flex; flex:1; align-items:center; justify-content:center; min-height:var(--control-h); padding:var(--sp-8); border:2px solid var(--c-navy); border-radius:var(--radius-m); color:var(--c-navy); background:var(--c-white);font-size:var(--fs-ui-body); font-weight:800; text-decoration:none; text-align:center; }
.award-view-tabs a[aria-current='page'] { background:var(--c-navy); color:var(--c-white); }
.public-selection { display:flex; flex-direction:column; gap:var(--sp-8); margin-bottom:var(--sp-16); padding-bottom:var(--sp-12); border-bottom:1px solid var(--c-border); }

.public-selection-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-8); }
.public-selection-heading h2 { margin:0;font-size:var(--fs-ui-emphasis); }
.public-selection-heading button { display:flex; align-items:center; justify-content:center; width:var(--control-h); height:var(--control-h); padding:var(--sp-8); border:0; background:transparent; color:var(--c-navy); }
.public-selection-heading button svg { width:var(--sp-20); height:var(--sp-20); fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.selection-work-list { display:flex; flex-wrap:nowrap; gap:var(--sp-12); overflow-x:auto; min-width:0; max-width:100%; padding-bottom:var(--sp-8); scroll-snap-type:x proximity; }
.selection-work-list > article { flex:0 0 calc(var(--sp-40) * 4 + var(--sp-24)); min-width:0; scroll-snap-align:start; }
.selection-work-list:focus-visible { outline:var(--focus-ring); box-shadow:var(--shadow-focus); }
.selection-work { display:flex; flex-direction:column; align-items:stretch; gap:var(--sp-8); min-width:0; }
.selection-work-art { position:relative; display:block; flex:none; width:100%; aspect-ratio:16/9; overflow:hidden; }
.selection-work-art img { width:100%; height:100%; object-fit:cover; }
.selection-work-copy { display:flex; flex:1; flex-direction:column; gap:var(--sp-4); min-width:0;font-size:var(--fs-ui-body); }
.selection-work-copy a { color:inherit; overflow-wrap:anywhere; }
.selection-work-copy small { color:var(--c-text-sub);font-size:var(--fs-ui-meta); }

.ten-selection-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-16)}
.ten-selection{padding:var(--sp-12)}
.ten-selected-work{position:relative;display:flex;flex-direction:column;gap:var(--sp-8);min-width:0;padding:var(--sp-16);border-radius:var(--radius-xl);background:linear-gradient(140deg,var(--c-bg-aqua),var(--c-white) 45%,var(--c-bg-lilac))}
.ten-selected-work h2{margin:0;font-size:var(--fs-ui-heading);font-weight:800;line-height:var(--lh-normal);overflow-wrap:anywhere}
.ten-selected-work h2 a{color:var(--c-navy);text-decoration:none}
.ten-selection-work{display:block;min-width:0;color:var(--c-navy);font-size:var(--fs-ui-body)}
.ten-selection-work>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--c-bg-soft)}
.ten-selection-work .work-thumb,.ten-selected-work .work-thumb{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ten-selection-singers{display:flex;flex-wrap:wrap;gap:var(--sp-8);align-items:center;font-size:var(--fs-ui-body);line-height:var(--lh-normal)}
.ten-selection-singers :is(a,button){display:flex;align-items:center;gap:var(--sp-8);min-height:var(--control-h);color:var(--c-navy);text-decoration:none}
.ten-selection-singers img,.ten-selection-singers .avatar{display:block;flex:none;width:var(--sp-32);height:var(--sp-32);border-radius:50%;object-fit:cover}
.ten-selection-comment{margin:0;min-width:0;font-size:var(--fs-ui-body);line-height:var(--lh-relaxed);white-space:pre-wrap;overflow-wrap:anywhere}
.ten-selection-comment p{margin:0}.ten-selection-count{margin:0;color:var(--c-role-viewer);font-size:var(--fs-ui-body);font-weight:800}
.ten-selection-viewers{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4)}
.ten-selection-viewers a{display:flex;align-items:center;justify-content:center;min-width:var(--control-h);min-height:var(--control-h)}
.ten-selection-viewer-icon{display:flex;align-items:center;justify-content:center;width:var(--sp-32);height:var(--sp-32);border-radius:50%;object-fit:cover;background:var(--c-bg-soft);color:var(--c-text-sub)}
.ten-selection-viewer-icon svg{width:var(--sp-24);height:var(--sp-24)}
.ten-selection-comments{min-width:0;margin:0;padding:0;border:0;font-size:var(--fs-ui-body);line-height:var(--lh-relaxed)}
.ten-selection-comments summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);box-sizing:border-box;width:100%;min-height:var(--control-h);padding:var(--sp-8) var(--sp-12);border:1px solid var(--c-border-input);border-radius:var(--radius-m);background:var(--c-bg-soft);color:var(--c-navy);font-weight:700;list-style:none;cursor:pointer}
.ten-selection-comments summary::-webkit-details-marker{display:none}
.ten-selection-comments summary:hover{background:var(--c-bg-lilac)}
.ten-selection-comments summary>svg{flex:none;width:var(--sp-16);height:var(--sp-16);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ten-selection-comments[open]>summary>svg{transform:rotate(180deg)}
.ten-selection-comments .ten-selection-comment{padding:var(--sp-8) 0;border-top:1px solid var(--c-border)}
.ten-selection-listener{position:relative;display:flex;align-items:center;gap:var(--sp-8);min-width:0;min-height:var(--control-h);font-size:var(--fs-ui-body)}.public-selection-heading .ten-selection-listener-open{position:absolute;inset:0;width:auto;height:auto;padding:0;border-radius:var(--radius-m)}
.ten-selection-listener .avatar{display:grid;place-items:center;width:var(--sp-32);height:var(--sp-32)}.public-selection-heading{flex-wrap:wrap}.public-selection-heading a{min-height:var(--control-h);color:var(--c-navy);font-size:var(--fs-ui-body)}
.public-selection-listening{margin:0;color:var(--c-text-sub);font-size:var(--fs-ui-body);line-height:var(--lh-normal)}
.public-selection .ten-selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-12)}
@media(min-width:960px){.ten-selection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-selection .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Role badges accompany existing host and staff comments. */
.award-medal{display:grid;place-items:center;width:var(--sp-24);height:var(--sp-24);border:1px solid var(--c-border);border-radius:50%;background:var(--c-bg-soft);color:var(--c-navy)}
.award-medal svg{width:var(--sp-16);height:var(--sp-16)}
.award-medal .award-crown,.award-medal .award-host-crest,.award-medal .award-staff-crest{display:none}
.award-medal[data-medal='host'] .award-notes,.award-medal[data-medal='staff'] .award-notes{display:none}
.award-medal[data-medal='host'] .award-host-crest,.award-medal[data-medal='staff'] .award-staff-crest{display:block}

.ten-selection-singers :is(a,button)>svg{width:var(--sp-20);height:var(--sp-20);flex:none;fill:currentColor}
.ten-selection-viewer-icon>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

.ten-selection-title a{color:var(--c-navy);text-decoration:none}

.listener-selection-work{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0;margin:0;padding:0;border:0;background:transparent}
.listener-selection-work .ten-selection-title,.listener-selection-work .ten-selection-comment{font-size:var(--fs-ui-compact)}
.listener-selection-work .ten-selection-singers{font-size:var(--fs-ui-meta)}
.listener-selection-work .ten-selection-singers :is(a,button){font-size:inherit;overflow-wrap:anywhere}
@media(min-width:960px){.public-selection .ten-selection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.public-selection-listening{margin:0;font-size:var(--fs-ui-meta);line-height:var(--lh-normal)}
.listener-selection-comment{display:block;margin:0;min-width:0;font-size:var(--fs-ui-compact)}
.listener-selection-comment .ten-selection-comment{margin:0;font-size:var(--fs-ui-compact)}
.listener-selection-comment .is-collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.listener-selection-comment .listener-selection-expand{display:block;min-height:var(--control-h);margin:0;padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--c-navy);font:inherit;font-weight:700;cursor:pointer}
.listener-selection-comment .listener-selection-expand[hidden]{display:none}
.listener-selection-expand:focus-visible,.ten-selected-work a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.listener-selection-work .ten-selection-singers{gap:var(--sp-4);margin:0}
.listener-selection-work .ten-selection-singers :is(a,button){min-height:var(--control-h);margin:0}
.ten-selected-work-signature{align-self:center;margin:0 0 var(--sp-4);color:var(--c-navy);font-family:var(--font-heading);font-size:clamp(var(--fs-10),3.3vw,var(--fs-16));font-weight:900;line-height:var(--lh-tight);white-space:nowrap}.ten-selected-work-signature::before{content:'✦ '/''}.ten-selected-work-signature::after{content:' ✦'/''}
.ten-selected-work .ten-selection-work{position:relative;padding:var(--sp-16)}.ten-selection-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none}.ten-selection-frame-outer{stroke-width:6px}.ten-selection-frame-inner{stroke-width:2.5px}.ten-selection-frame stop:first-child{stop-color:var(--c-aqua)}.ten-selection-frame stop:nth-child(2){stop-color:var(--c-lilac-border)}.ten-selection-frame stop:last-child{stop-color:var(--c-pink-bright)}
article.ten-selected-work .work-caption{align-items:center;padding-inline:0}.ten-selected-work .work-caption .work-singer-link{width:calc(var(--sp-40) + var(--sp-8));min-height:var(--control-h)}.ten-selected-work .work-caption .work-singer-avatar{box-sizing:border-box;width:var(--sp-40);height:var(--sp-40);border:2px solid transparent;background:linear-gradient(var(--c-white),var(--c-white)) padding-box,linear-gradient(135deg,var(--c-aqua),var(--c-lilac-border),var(--c-pink-bright)) border-box}.ten-selected-work .ten-selection-credits{margin:calc(-1 * var(--sp-4)) 0 0;padding-inline:0}
.ten-selection-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-12)}.ten-selected-work .ten-selection-count{color:var(--c-pink);font-size:var(--fs-ui-heading)}.ten-selection-viewers>.person-work-trigger{display:flex;align-items:center;justify-content:center;min-width:var(--control-h);min-height:var(--control-h);margin:calc((var(--sp-32) - var(--control-h)) / 2)}.ten-selection-viewers[data-reveal]>:not([data-shown]){opacity:0}.ten-selection-viewers[data-reveal]>[data-shown]{animation:utamita-viewer-in var(--motion-selection-viewer) var(--ease-festival)}
.ten-selection-comments-toggle{display:flex;align-items:center;margin-left:auto;min-height:var(--control-h);padding:0;border:0;background:none;color:var(--c-navy);font:inherit;cursor:pointer}.ten-selection-comments-toggle>span{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-12);border:1px solid var(--c-border-input);border-radius:var(--radius-l);background:var(--c-white);font-size:var(--fs-ui-meta);font-weight:700;line-height:var(--lh-normal)}.ten-selection-comments-toggle:hover>span{background:var(--c-bg-lilac)}.ten-selection-comments-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.ten-selection-comments-toggle svg{width:var(--sp-16);height:var(--sp-16);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ten-selection-comments-toggle[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.ten-selected-work .ten-selection-comments .ten-selection-comment{margin-top:var(--sp-8);padding:var(--sp-8) 0;border:0}
.ten-selected-work .ten-selection-credits .work-credit-profile :is(small,strong){font-size:var(--fs-ui-meta);font-weight:400}
@media(min-width:960px){.ten-selected-work{padding:var(--sp-24)}.ten-selected-work-signature{align-self:flex-start;font-size:var(--fs-ui-page)}.ten-selected-work .work-caption .work-singer-link{width:calc(var(--control-h-lg) + var(--sp-8));min-height:var(--control-h-lg)}.ten-selected-work .work-caption .work-singer-avatar{width:var(--control-h-lg);height:var(--control-h-lg)}}
@media(prefers-reduced-motion:reduce){.ten-selection-viewers[data-reveal]>*{opacity:1;animation:none}}
@keyframes utamita-viewer-in{0%{opacity:0;transform:translateX(calc(-1 * var(--sp-12))) scale(.6)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:none}}