:root{--primary:#312D2D;--accent:#F8DE82;--ink:#1f1d1d;--muted:#6b6767;--line:#e6e2d8;--bg:#faf8f3;--card:#fff;--ok:#1c7a3d;--err:#b42318}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;font-size:16px}
body.bare{background:#fff}
a{color:var(--primary)}
h1{font-size:1.7rem;line-height:1.2;margin:.2em 0 .4em}
h2{font-size:1.15rem;margin:0 0 .6em}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
main.wrap{padding-bottom:48px}
.topbar{background:var(--primary);color:#fff;margin-bottom:20px}
.topbar .wrap{display:flex;align-items:baseline;gap:8px;padding:12px 16px}
.brand{color:var(--accent);font-weight:800;text-decoration:none;font-size:1.1rem}
.by{color:#d9d4c7;font-size:.85rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin:0 0 16px}
.card.narrow{max-width:460px;margin:24px auto}
.center{text-align:center}
.muted{color:var(--muted)}
.small{font-size:.875rem}
.tiny{font-size:.78rem}
.error{color:var(--err)}
.alert{background:#fff4e5;border:1px solid #f5c26b;border-radius:10px;padding:10px 14px}
label{display:block;font-weight:600;margin:0 0 14px}
label.check{display:flex;gap:8px;align-items:center;font-weight:500}
input[type=text],input[type=email],input[type=date],input:not([type]),select,textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cfc9bb;border-radius:8px;font:inherit;background:#fff}
input[type=color]{display:block;margin-top:6px;width:64px;height:40px;border:1px solid #cfc9bb;border-radius:8px;background:#fff}
textarea{resize:vertical}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--accent);background:var(--accent);color:var(--primary);font-weight:700;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.btn.alt{background:#fff;border-color:var(--primary)}
.btn.small{min-height:36px;padding:0 14px;font-size:.9rem}
.btn.big{min-height:56px;padding:0 28px;font-size:1.1rem}
.btn.danger,.linkbtn.danger{color:var(--err);border-color:var(--err)}
.btn:hover{filter:brightness(.97)}
.linkbtn{background:none;border:0;color:var(--primary);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
form.inline{display:inline}
.headrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.badge{display:inline-block;background:var(--accent);color:var(--primary);font-weight:700;font-size:.8rem;padding:3px 10px;border-radius:999px}
.pill{background:#fff4e5;border:1px solid #f5c26b;border-radius:999px;padding:1px 8px}
.adminnav{margin:0 0 16px;font-size:.95rem}
.navlinks{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.navtoggle{display:none}
.adminnav a{text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
.adminnav a.on{border-color:var(--primary);font-weight:700}
.adminnav form{margin-left:auto}
@media (max-width:760px){
  .navtoggle{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:10px;font:inherit;font-weight:700;color:var(--primary);cursor:pointer}
  .navicon,.navicon::before,.navicon::after{display:block;width:18px;height:2px;background:var(--primary);border-radius:2px;position:relative}
  .navicon::before,.navicon::after{content:"";position:absolute;left:0}
  .navicon::before{top:-6px}.navicon::after{top:6px}
  .adminnav.open .navicon{background:transparent}
  .adminnav.open .navicon::before{top:0;transform:rotate(45deg)}
  .adminnav.open .navicon::after{top:0;transform:rotate(-45deg)}
  .navlinks{display:none;flex-direction:column;align-items:stretch;gap:0;margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
  .adminnav.open .navlinks{display:flex}
  .navlinks a{padding:12px 16px;border-bottom:1px solid var(--line)}
  .navlinks a.on{border-color:var(--line);background:#faf6ea;box-shadow:inset 4px 0 0 var(--accent)}
  .navlinks form{margin:0;padding:12px 16px}
}
.list{display:flex;flex-direction:column;gap:8px}
.row{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-decoration:none;color:inherit}
.row .right{text-align:right}
.row.removal img{width:72px;height:72px;object-fit:cover;border-radius:8px}
.row .grow{flex:1;min-width:0}
.row form{display:flex;gap:8px;flex-wrap:wrap}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;margin:0 0 16px}
.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;color:inherit}
.stat b{display:block;font-size:1.5rem}
.stat span{color:var(--muted);font-size:.9rem}
.stat.hot{border-color:#f5c26b;background:#fff8ec}
.qr svg{width:220px;height:220px;max-width:100%}
.tabs{display:flex;gap:8px;margin:0 0 12px}
.tabs a{padding:6px 14px;border-radius:999px;border:1px solid var(--line);text-decoration:none;background:#fff}
.tabs a.on{background:var(--primary);color:#fff;border-color:var(--primary)}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--bg);padding:10px 0;margin-bottom:10px}
.actions.sticky{position:sticky;top:0;z-index:2}
.actions label.check{margin:0}
.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tile{position:relative;margin:0;background:#fff;border:2px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;font-weight:400}
.tile:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px var(--accent)}
.tile.held{border-color:var(--err)}
.tile input{position:absolute;top:8px;left:8px;width:22px;height:22px;margin:0}
.tile img,.tile .noimg{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee}
.tile .noimg{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem}
.tile .meta{display:block;font-size:.8rem;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dnp ul{margin:8px 0 0;padding-left:20px}
.dl li{margin-bottom:4px}
form.danger{margin-top:24px}
.logo-preview{max-width:180px;max-height:90px;display:block;margin:0 0 10px}

/* guest pages */
.guest{max-width:560px;margin:0 auto;padding:20px 16px 40px}
.guest.wide{max-width:1100px}
.ghead{display:flex;gap:14px;align-items:center;margin:0 0 16px;padding-bottom:12px;border-bottom:4px solid var(--accent)}
.ghead h1{margin:0;color:var(--primary)}
.gname{margin:0;color:var(--muted);font-weight:600}
.glogo{width:56px;height:56px;object-fit:contain;border-radius:10px}
.pick{position:relative;display:block;margin:6px 0 12px}
.pick input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.pick .btn{width:100%}
.uplist{list-style:none;padding:0;margin:10px 0 0}
.uplist li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.uplist .fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uplist li.done .state{color:var(--ok);font-weight:700}
.uplist li.err .state{color:var(--err)}
.uplist li.wait .state{color:var(--muted)}
.msg{min-height:1.5em;font-weight:600}
.msg.error{color:var(--err)}
.powered{text-align:center;color:var(--muted);font-size:.8rem;margin-top:24px}
.gbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}
.gbar .gcount{margin-left:auto}
.gfilter{width:auto;margin:0}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.gitem{padding:0;border:0;background:#eee;border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:1/1}
.gitem img{width:100%;height:100%;object-fit:cover;display:block}
.gitem[hidden]{display:none}
.empty{padding:40px 0}
.lightbox{border:0;padding:0;max-width:min(96vw,1100px);width:100%;background:#111;color:#fff;border-radius:12px}
.lightbox::backdrop{background:rgba(0,0,0,.8)}
.lightbox img{display:block;max-width:100%;max-height:72vh;margin:0 auto;object-fit:contain}
.lbbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px}
.lbactions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lightbox .linkbtn{color:#ddd}
.lbremoveform{padding:0 12px 14px;max-width:420px}
.lbremoveform label{color:#fff}
.embedded{padding:8px}
.embedded .powered{margin-top:12px}

/* slideshow */
.slideshow{position:fixed;inset:0;background:#000;color:#fff;overflow:hidden}
.slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.2s ease}
.slideshow img.on{opacity:1}
.ss-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.ss-empty h1{font-size:3rem;color:var(--accent)}
.ss-empty[hidden]{display:none}
.ss-corner{position:absolute;right:20px;bottom:20px;background:#fff;color:var(--primary);border-radius:12px;padding:10px;text-align:center;width:180px}
.ss-corner p{margin:6px 0 0;font-weight:700;font-size:.85rem}
.ss-qr svg{width:160px;height:160px}
.ss-caption{position:absolute;left:20px;bottom:24px;font-size:1.1rem;text-shadow:0 1px 4px #000}
.ss-fs{position:absolute;top:12px;right:12px;opacity:.35;background:#fff;border:0;border-radius:999px;padding:6px 12px;cursor:pointer}
.ss-fs:hover{opacity:1}

/* printable sign */
.sign{max-width:640px;margin:0 auto;text-align:center;padding:40px 24px;border:8px solid var(--accent);border-radius:24px;margin-top:24px}
.sign h1{font-size:2.6rem;color:var(--primary)}
.sign-group{font-weight:700;color:var(--muted);margin:0}
.sign-event{font-size:1.3rem;margin:0 0 16px}
.sign-qr svg{width:360px;height:360px;max-width:100%}
@media print{.sign{border-width:6px;margin-top:0}}

/* help tips */
.tip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ebe6d9;color:var(--primary);font-size:12px;font-weight:800;cursor:help;position:relative;margin-left:6px;vertical-align:middle;line-height:1;outline-offset:2px}
.tip:hover::after,.tip:focus::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:min(300px,80vw);background:var(--primary);color:#fff;font-weight:400;font-size:13px;line-height:1.45;padding:9px 11px;border-radius:8px;z-index:20;white-space:normal;text-align:left;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.intro{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:12px 16px;margin:0 0 16px}
.intro p{margin:0}
.share{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.help-steps{counter-reset:s;list-style:none;padding:0;margin:0}
.help-steps li{counter-increment:s;position:relative;padding:0 0 14px 44px}
.help-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--primary);color:var(--accent);font-weight:800;display:flex;align-items:center;justify-content:center}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:8px}
.faq summary{font-weight:700;cursor:pointer}
.faq details p,.faq details ul{margin:8px 0 0}
table.data{width:100%;border-collapse:collapse;background:#fff;font-size:.92rem}
table.data th,table.data td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
table.data th{background:var(--primary);color:#fff;font-weight:600}
.scroll{overflow-x:auto}
.limits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:4px 16px}
input[type=number]{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cfc9bb;border-radius:8px;font:inherit;background:#fff}
input.small{width:90px;display:inline-block;margin:0;padding:6px 8px}
.ok{color:var(--ok);font-weight:700}

@media (max-width:600px){h1{font-size:1.45rem}.ss-corner{width:120px}.ss-qr svg{width:100px;height:100px}}
.evdesc{margin:4px 0 14px;white-space:pre-line}
.subrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.subedit{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1;margin:0}
.subedit input[name=name]{flex:1 1 140px;margin:0}
.subedit input[name=description]{flex:2 1 220px;margin:0}
.subadd{margin-top:12px}
.subrow form:last-child{margin:0}
.welcome-hero{background:var(--primary);color:#fff;border-radius:16px;padding:28px 24px;margin:0 0 24px;text-align:center;border-bottom:6px solid var(--accent)}
.welcome-hero h1{color:#fff;font-size:clamp(1.5rem,4vw,2.2rem);margin:12px auto 10px;max-width:760px;line-height:1.2}
.welcome-hero .lead{max-width:640px;margin:0 auto 18px;font-size:1.08rem;opacity:.95}
.welcome-hero .share{justify-content:center}
.welcome-hero .muted{color:#e9e4d6}
.welcome-hero .btn.alt{background:transparent;color:#fff;border-color:#fff}
.center{text-align:center}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:0 0 20px}
.whycard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;border-top:4px solid var(--accent)}
.whycard h3{margin:6px 0 4px;font-size:1.05rem}
.whycard p{margin:0;color:var(--muted);font-size:.95rem}
.whyicon{font-size:1.6rem}
.ideas{padding-left:20px;margin:0}
.ideas li{margin:6px 0}
.sitefoot{text-align:center;font-size:.82rem;color:var(--muted);padding:22px 16px 28px}
.sitefoot a{color:var(--muted)}
.powered a{color:var(--muted)}
.hlreel{background:var(--primary);border-radius:14px;padding:14px;margin:0 0 18px;border-bottom:5px solid var(--accent)}
.hlreel h2{color:var(--accent);margin:0 0 10px;font-size:1.15rem}
.hlgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.gitem.hl{position:relative}
.hllabel{position:absolute;left:6px;right:6px;bottom:6px;background:rgba(0,0,0,.65);color:#fff;font-size:.78rem;font-weight:600;padding:4px 6px;border-radius:6px;text-align:left;line-height:1.25}
.allh{font-size:1.05rem;margin:4px 0 10px}
.hall{margin-top:22px}
.hall h2{margin:0 0 4px}
.hallyear{margin:14px 0 6px;font-size:1rem;color:var(--muted)}
.hallgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.hallcard{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;border-top:4px solid var(--accent)}
.hallcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.hallcard p{margin:6px 10px;font-size:.88rem}
.hallcard .muted{margin-top:0}
.hlrow{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.hlrow img{width:140px;height:105px;object-fit:cover;border-radius:8px}
.hlrow .grow{flex:1;min-width:220px}
.refcard{border-left:4px solid var(--accent)}
.tchl{max-width:980px;margin:0 auto}
.tchl-hero{text-align:center;padding:28px 16px 10px}
.tchl-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:6px 0}
.tchlgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;padding:12px 16px}
.tchlcard{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;border-top:5px solid var(--accent)}
.tchlcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.tchlcard .in{padding:12px 14px}
.tchlcard h3{margin:0 0 4px;font-size:1.05rem}
.refcard{margin-top:20px}
a.hallcard{text-decoration:none;color:inherit}
.actions.organize{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-4px 0 14px;padding:10px 12px;background:#fff;border:1px dashed var(--line);border-radius:10px}
.actions.organize select{margin:0 0 0 6px;width:auto;min-height:36px}
.actions.organize label.inline{display:inline-flex;align-items:center;font-weight:600}
.actions.organize label{margin:0}
.legal{max-width:760px}
.legal h2{font-size:1.15rem;margin:24px 0 6px}
.legal ul{padding-left:20px}
.legal li{margin:6px 0}
.termsbox{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:14px 0 8px;background:#fff}
.termsbox summary{cursor:pointer;font-weight:700}
.termsscroll{max-height:280px;overflow:auto;border-top:1px solid var(--line);margin-top:10px;padding-top:6px;font-size:.92rem}
.termsscroll h2{font-size:1rem}
.backbar{margin:0 0 10px}
.backbar a{font-weight:700}

/* Phones: help tips appear as a card along the bottom of the screen, so they never run off the edge. */
@media (max-width:760px){
  .tip:hover::after,.tip:focus::after{position:fixed;left:16px;right:16px;top:auto;bottom:16px;transform:none;width:auto;max-width:none;font-size:14px;padding:12px 14px;z-index:50}
}
.navtoggle,.navtoggle:hover,.navtoggle:focus,.navtoggle:active{background:#fff;color:var(--primary);-webkit-tap-highlight-color:transparent}
.navtoggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hostup{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-left:4px solid var(--accent)}
.hostup h2{margin:0 0 4px}
.hostup p{margin:0}
.evbtns{margin:-4px 0 16px}
.navlinks .linkbtn{text-decoration:none;color:inherit}
.sublinks{flex-basis:100%;margin:2px 0 0;color:var(--muted)}
.sublinks.unsorted{margin-top:12px}
.subfilter{margin:0 0 12px}
.subfilter select{width:auto;min-height:36px;margin:0 0 0 6px}
.subfilter label{display:flex;align-items:center;gap:6px;font-weight:600}
.arrange-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.arrange-tile{position:relative;border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--line);cursor:grab;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.arrange-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;pointer-events:none}
.arrange-num{position:absolute;left:6px;top:6px;background:var(--primary);color:var(--accent);font-weight:800;font-size:.8rem;min-width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 6px}
.arrange-ghost{opacity:.35}
.sortable-chosen{box-shadow:0 0 0 3px var(--accent)}
.planedit summary{cursor:pointer;font-size:1.05rem}
.planedit[open] summary{margin-bottom:12px}
.checks{display:flex;flex-wrap:wrap;gap:4px 20px;margin:6px 0}
.planform{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.planform select,.planform input{width:auto;min-height:34px;margin:0;font-size:.85rem}
.pricebill{display:flex;gap:10px}.pricebill label{flex:1}
/* Awards-night voting */
.votebanner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:var(--primary);color:#fff;border-radius:12px;padding:10px 14px;margin:0 0 14px;border-bottom:4px solid var(--accent)}
.votebanner span{font-weight:700}
.voteh{margin:4px 0 12px}
.award h3{margin:0 0 4px}
.nomgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:10px}
.nom{position:relative;display:block;padding:0;border:3px solid transparent;border-radius:12px;overflow:hidden;background:#f3efe4;cursor:pointer;font:inherit;text-align:center;min-height:90px}
.nom img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.nomname{display:flex;align-items:center;justify-content:center;min-height:90px;padding:10px;font-weight:700;color:var(--primary)}
.nomlabel{display:block;padding:6px 8px;font-size:.85rem;font-weight:600;background:#fff}
.nomcheck{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--primary);font-weight:900;display:none;align-items:center;justify-content:center}
.nom.picked{border-color:var(--accent);box-shadow:0 0 0 2px var(--primary)}
.nom.picked .nomcheck{display:flex}
.winner{display:flex;align-items:center;gap:12px;background:#fdf8ea;border:1px solid var(--accent);border-radius:10px;padding:10px;margin:8px 0}
.winner img{width:80px;height:80px;object-fit:cover;border-radius:8px}
.winner p{margin:0}
.nominees{display:flex;flex-direction:column}
.nominee{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.nominee img,.nominee .noimg{width:64px;height:64px;object-fit:cover;border-radius:8px}
.nominee .nameonly{display:flex;align-items:center;justify-content:center;background:#f3efe4;font-weight:800;font-size:1.4rem;color:var(--primary)}
.nominee .grow{flex:1;min-width:160px}
.nominee.won{background:#fdf8ea}
.nomactions{display:flex;gap:8px;align-items:center}
.votebar{height:6px;background:#eee8da;border-radius:3px;margin-top:6px;overflow:hidden}
.votebar span{display:block;height:100%;background:var(--accent)}
.awardsteps p{margin:0 0 8px}
.pill.hot{background:var(--accent);color:var(--primary)}
/* Slideshow reveal */
.ss-reveal{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(20,18,18,.92);color:#fff;text-align:center;padding:4vh 4vw}
.ss-reveal[hidden]{display:none}
.ss-reveal-kicker{font-size:3vh;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0}
.ss-reveal-award{font-size:7vh;margin:1vh 0 3vh;color:#fff}
.ss-reveal-img{max-height:50vh;max-width:80vw;border-radius:12px;border:6px solid var(--accent);opacity:0}
.ss-reveal-name{font-size:5vh;font-weight:800;margin:3vh 0 0;opacity:0}
.ss-reveal.on .ss-reveal-img,.ss-reveal.on .ss-reveal-name{animation:ssReveal 1s ease 2.5s forwards}
@keyframes ssReveal{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
.slideshow .ss-reveal img.ss-reveal-img{position:static;inset:auto;width:auto;height:auto;max-height:48vh;max-width:80vw;object-fit:contain;transition:none}
.slideshow .ss-reveal img.ss-reveal-img[hidden]{display:none}

/* Fan Favorites voting on the TrophyCentral Highlight Reel */
.fanintro{margin:12px auto 0;max-width:640px}
.fanvote{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;border-radius:30px;border:2px solid #e4c25a;background:#fff;color:#312D2D;font-weight:700;font-size:.95em;cursor:pointer;font-family:inherit}
.fanvote .heart{color:#c9c9c9;font-size:1.15em;line-height:1;transition:transform .15s}
.fanvote.on{background:#fdf1c8}
.fanvote.on .heart{color:#d23b4a;transform:scale(1.15)}
.fanvote.nope{animation:fanshake .4s}
.fanvote.static{cursor:default;border-color:#eee}
@keyframes fanshake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.fanleaders{background:#fdf8ea;border:1px solid #F8DE82;border-radius:14px;padding:16px;margin:18px 0}
.fanleaders h2,.tchl-all,.fanpast h2{font-size:1.25em;margin:4px 0 12px}
.fanpast{margin-top:30px}
.pastgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.pastcard{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;position:relative}
.pastcard img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.pastcard .place{position:absolute;top:6px;left:6px;background:#312D2D;color:#F8DE82;font-weight:800;font-size:.8em;padding:2px 9px;border-radius:20px}
.tchlone{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:22px;align-items:start;margin:10px 0 24px}
.tchlone img{width:100%;border-radius:12px;display:block}
.tchlone h1{margin:10px 0 8px;font-size:1.7em}
.tchlcard h3 a{color:inherit;text-decoration:none}
@media (max-width:720px){.tchlone{grid-template-columns:1fr}}

/* Owner review and usage */
.ownergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.ownercard{border:1px solid #e6e6e6;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.ownercard img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#f3f3f3}
.ownercard .in{padding:8px;font-size:.85em;display:flex;flex-direction:column;gap:4px}
.ownercard.down{opacity:.6;border-color:#d23b4a}
.ownercard select,.ownercard input{font-size:.9em;padding:4px 6px}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:14px}
.filters label{margin:0}
.alertlist{list-style:none;padding:0;margin:0}
.alertlist li{padding:8px 12px;border-left:4px solid #e4a33a;background:#fff8ec;margin-bottom:6px;border-radius:6px}
.alertlist li.high{border-color:#d23b4a;background:#fdeeee}
.spark{display:flex;align-items:flex-end;gap:2px;height:60px;margin:8px 0 2px}
.spark span{flex:1;background:#e4c25a;min-height:2px;border-radius:2px 2px 0 0}
.trend td,.trend th{text-align:right}.trend td:first-child,.trend th:first-child{text-align:left}
.plancards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.plancard ul{padding-left:18px}
.plancard.want{border:2px solid #e4c25a}