:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#100e0c;color:#f4e6cf;--gold:#dba253}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:28px 20px 60px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}a{color:var(--gold)}h1{font-size:30px;margin:0 0 10px}h2{font-size:22px}p{line-height:1.5;color:#c9bda9}.brand{font-weight:800;letter-spacing:3px;color:#edb76b;text-decoration:none}.muted{color:#a89a86;font-size:14px}.panel-box,details{background:#1b1712;border:1px solid #5e4528;border-radius:14px;padding:20px;margin:20px 0}label{display:block;margin:16px 0 8px;font-weight:600}input:not([type=checkbox]){display:block;width:100%;padding:14px;margin-top:8px;border:1px solid #6b5339;border-radius:8px;background:#0e0c0a;color:#fff;font:inherit}input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold);flex:none}.check{display:flex;gap:12px;align-items:start;line-height:1.5}button{font:inherit;color:#1b1004;background:#dfaa60;border:0;border-radius:8px;padding:13px 18px;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#32291f;color:#edcf9f;border:1px solid #655033}.actions,.cover-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}[hidden]{display:none!important}#feedback,#connection{min-height:24px;color:#f3b968;line-height:1.5}ol{padding-left:24px}li{padding:12px 0;border-bottom:1px solid #3c3023}.queue-row{border:1px solid #59452f;background:#191510;border-radius:10px;padding:16px;margin:12px 0}.queue-row h3{margin:0;font-size:23px;overflow-wrap:anywhere}.queue-row p{margin:8px 0;overflow-wrap:anywhere}summary{cursor:pointer;color:#eebd7c;font-weight:600}#cover-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.cover-result{min-width:0;background:#110f0c;padding:12px;border-radius:8px}.cover-result img,.cover-missing{width:100%;aspect-ratio:1;object-fit:cover}.cover-result h3{font-size:16px;overflow-wrap:anywhere}.cover-result p{font-size:13px}.cover-result button{font-size:13px;padding:10px;width:100%}.cover-result a{display:block;margin-top:10px;font-size:12px}.cover-result button[aria-pressed=true]{outline:3px solid #ffe4aa}.cover-missing{display:grid;place-items:center;color:var(--gold)}.wide{width:100%}small{font-weight:400;color:#bdad95}#my-entry h2{margin-top:0}#manager-content{max-width:100%}@media(min-width:900px){body[data-view=manage] main{max-width:1000px}}@media(max-width:380px){main{padding:20px 12px}button{padding:12px}#cover-results{gap:8px}}

.brand-logo{display:block;width:128px;height:auto;max-width:25.6vw}

.cover-result .cover-artwork-button{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;line-height:0}.cover-artwork-button img{display:block}

.cover-result .cover-select-button{background:transparent;color:#dfaa60;border:1px solid #a77a40}.cover-result .cover-select-button:hover{border-color:#edc58e;color:#f2d3a5}
body[data-view=booth] main{max-width:1200px}body[data-view=booth] header{margin-bottom:20px}.booth-row{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px;border:1px solid #5e4528;border-radius:14px;background:#1b1712;margin:14px 0}.booth-row>div{min-width:0}.booth-row h2{font-size:30px;margin:0 0 8px;overflow-wrap:anywhere}.booth-row p{font-size:19px;margin:0;overflow-wrap:anywhere}.booth-row button{min-height:68px;min-width:200px;flex-shrink:0;font-size:20px}@media(max-width:600px){.booth-row{align-items:stretch;flex-direction:column;gap:16px}.booth-row button{width:100%}}

body[data-view=manage] .waiting-card{position:relative;padding-right:210px}
body[data-view=manage] .queue-position-time{position:absolute;right:16px;top:18px;text-align:right;white-space:nowrap}
body[data-view=manage] .waiting-card .actions{margin-right:-194px}
@media(max-width:480px){body[data-view=manage] .waiting-card{padding-right:150px}body[data-view=manage] .queue-position-time{max-width:130px;white-space:normal;font-size:12px}body[data-view=manage] .waiting-card .actions{margin-right:-134px}}

.duration-editor{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0}.duration-editor label{margin:0;font-size:13px}.duration-editor input:not([type=checkbox]){width:100px;padding:8px;margin-top:4px}.duration-editor button{padding:9px 12px;font-size:13px}.duration-editor small{padding-bottom:8px}

body[data-view=manage] .queue-row.has-cover{
  position:relative;
  padding-left:16px;
  padding-right:200px;
  min-height:240px;
}
.manager-cover{
  position:absolute;
  right:16px;
  bottom:16px;
  width:152px;
  height:152px;
  object-fit:cover;
  border-radius:0;
}
body[data-view=manage] .waiting-card.has-cover .actions{margin-left:0;margin-right:0}
@media(max-width:480px){
  body[data-view=manage] .queue-row.has-cover{padding-top:48px;padding-right:128px;min-height:240px}
  .manager-cover{width:96px;height:96px;right:16px;bottom:16px}
}
#entry-editor{color:#f4e6cf;background:#191510;border:1px solid #79562f;border-radius:14px;width:min(700px,94vw);max-height:90vh;padding:24px;overflow:auto}#entry-editor::backdrop{background:#000b}.editor-art{display:flex;gap:20px;align-items:center;margin:20px 0}.editor-art img{width:120px;height:120px;object-fit:cover}.editor-art input{max-width:100%;font-size:13px}#editor-status{color:#e9b875}
