:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#f4f4f5;background:#0e1014;font-synthesis:none}.overlay-root{background:transparent}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:#0e1014}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}h1,h2,p{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.admin-shell{max-width:1500px;margin:auto;padding:0 40px}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292b32;gap:20px}.brand,.top-actions,.public-brand{display:flex;align-items:center}.brand{gap:17px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #5a4b85;border-radius:10px;color:#bca9ff;background:#29233a;font-size:27px;line-height:1}.eyebrow,.section-kicker,.control-label{color:#a891ec;font-size:11px;font-weight:700;letter-spacing:.17em}.brand h1{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:24px;margin:4px 0 0;letter-spacing:-.035em}.top-actions{gap:20px}.connection{font-size:12px;color:#91939d}.connection::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#777a83;margin-right:7px;vertical-align:1px}.connection.connected::before{background:#5cc8a1;box-shadow:0 0 12px #5cc8a1}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #2c5947;background:#183229;color:#80dfb4;border-radius:6px;padding:9px 12px;font-size:11px;letter-spacing:.12em;font-weight:800;white-space:nowrap}.status-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.closed{border-color:#694e3d;background:#35251d;color:#efae78}.text-button{border:0;background:transparent;color:#a9aab3;font-size:13px;padding:9px 0}.text-button:hover,a:hover{color:#d2c2ff}.summary-line{display:flex;align-items:center;gap:12px;color:#9396a1;font-size:13px;padding:30px 0 25px}.summary-line strong{color:#f3f3f6;font-weight:700}.summary-dot{color:#51545d}.columns{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(410px,1.3fr);gap:18px;align-items:stretch}.panel,.control-panel{background:#17191f;border:1px solid #2c2e36;border-radius:10px}.panel{min-height:470px;padding:28px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.panel-heading h2{font-family:'Space Grotesk',sans-serif;font-size:21px;letter-spacing:-.035em;margin:6px 0 0}.panel-meta{font-size:12px;color:#a1a2ab;white-space:nowrap}.host-card,.squad-person{display:flex;align-items:center;gap:15px;min-height:63px;border-radius:7px;padding:0 17px;font-size:16px;font-weight:700}.host-card{border:1px solid #5b4d81;background:linear-gradient(90deg,#29223a,#211f2e);color:#f7f3ff}.host-star{font-size:19px;color:#baa1ff}.host-badge{margin-left:auto;color:#c9b8ff;border:1px solid #68598b;border-radius:4px;font-size:10px;letter-spacing:.14em;padding:5px 7px;font-weight:800}.squad-list{display:grid;gap:9px;margin-top:9px}.squad-person{background:#202229;border:1px solid #32343d;animation:rise .28s ease both}.person-number{color:#878998;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;width:24px}.person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:grid;place-items:center;width:29px;height:29px;background:transparent;color:#a5a6b1;border:1px solid transparent;border-radius:5px;line-height:1;font-size:17px}.icon-button:hover{border-color:#565260;color:#fff;background:#2a2933}.squad-person .icon-button{margin-left:auto}.empty-message{color:#848691;font-size:13px;margin:23px 2px}.queue-table-head{display:grid;grid-template-columns:82px 1fr 128px;gap:8px;color:#777a86;font-size:10px;font-weight:800;letter-spacing:.14em;padding:0 12px 12px;border-bottom:1px solid #32343c}.queue-table-head span:last-child{text-align:right}.queue-list{min-height:0}.queue-row{display:grid;grid-template-columns:82px minmax(0,1fr) 128px;gap:8px;align-items:center;min-height:58px;border-bottom:1px solid #2b2d35;padding:0 12px;animation:rise .25s ease both}.queue-row.dragging{opacity:.35}.queue-row.drag-over{border-top:2px solid #a891ec}.queue-position{font-family:'Space Grotesk',sans-serif;color:#a992e6;font-weight:700;font-size:13px}.queue-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600}.queue-actions{display:flex;align-items:center;justify-content:flex-end;gap:1px}.queue-actions .icon-button{font-size:16px}.queue-footer{display:flex;justify-content:space-between;color:#676a76;font-size:11px;padding:16px 10px 0}.control-panel{margin-top:18px;padding:27px 28px 30px}.control-panel .panel-heading{margin-bottom:24px}.closed-help{color:#e8a779;font-size:12px}.control-grid{display:grid;grid-template-columns:1.3fr .9fr 1.2fr;gap:28px}.control-group{border-right:1px solid #34353d;padding-right:28px}.control-group:last-child{border:0;padding-right:0}.control-label{display:block;color:#8c8e9a;font-size:10px;margin-bottom:13px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:39px;border-radius:6px;padding:0 15px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button{color:#121019;background:#b8a0ff;border:1px solid #b8a0ff}.primary-button:hover:not(:disabled){background:#c9b8ff}.secondary-button{color:#e9e7ef;background:#252730;border:1px solid #41434d}.secondary-button:hover:not(:disabled){border-color:#7e6f9b;background:#30303b}.secondary-button.active{border-color:#9e84e5;color:#cfbfff}.warning-button.active{border-color:#cd855e;color:#eab08d}.inline-form{display:flex;gap:4px}.button-row input,.login-card input{height:39px;min-width:0;background:#111318;border:1px solid #41434c;border-radius:6px;color:#f5f5f7;outline:none;padding:0 12px;font-size:13px}.button-row input:focus,.login-card input:focus{border-color:#b8a0ff;box-shadow:0 0 0 3px #a88bff24}.button-row input::placeholder{color:#747783}#next-amount{width:60px}#add-name{flex:1;min-width:125px}#add-position{width:75px}.admin-footer{display:flex;justify-content:space-between;color:#71747f;padding:24px 2px 34px;font-size:12px}.admin-footer a{text-decoration:none;color:#a793e3}.login-wrap{display:grid;place-items:center;min-height:calc(100vh - 108px);padding:30px 0}.login-card{width:min(100%,390px);background:#181a21;border:1px solid #353541;border-radius:11px;padding:37px;box-shadow:0 20px 70px #0004}.login-symbol{font-size:29px;color:#b8a0ff;margin-bottom:24px}.login-card h2{font-family:'Space Grotesk',sans-serif;font-size:28px;letter-spacing:-.04em;margin:6px 0 9px}.login-card p{color:#989ba5;font-size:13px;line-height:1.55;margin-bottom:29px}.login-card label{display:block;font-size:12px;color:#c1c2ca;margin-bottom:8px}.login-card input{width:100%;height:44px}.login-button{width:100%;margin-top:14px;height:44px;display:flex;justify-content:space-between;align-items:center}.login-card .form-error{color:#e9968d;margin:12px 0 0;min-height:18px}.toast{position:fixed;right:24px;bottom:24px;max-width:340px;background:#242630;color:#f5f4f7;border:1px solid #56505f;border-radius:7px;padding:13px 17px;font-size:13px;box-shadow:0 12px 34px #0007;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:#9d5b54}
.public-shell{max-width:900px;margin:0 auto;padding:0 48px 45px}.public-header{display:flex;justify-content:space-between;align-items:center;height:100px;border-bottom:1px solid #2b2d34}.public-brand{gap:12px;font-family:'Space Grotesk',sans-serif;letter-spacing:.12em;font-size:14px;font-weight:700}.public-brand .brand-mark{width:32px;height:32px;font-size:21px;border-radius:7px}.public-divider{color:#6a5a8d;margin:0 8px}.live-indicator{font-size:11px;letter-spacing:.13em;color:#a7a8b1;font-weight:700}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7ddcae;margin-right:7px;box-shadow:0 0 9px #7ddcae}.public-content{display:grid;gap:47px;padding-top:51px}.public-section-heading{display:flex;align-items:end;gap:25px;margin-bottom:23px}.public-section-heading h1,.public-section-heading h2{font-family:'Space Grotesk',sans-serif;font-size:29px;letter-spacing:-.04em;margin:7px 0 0;line-height:1.15}.section-line{height:1px;background:#393a43;flex:1;margin-bottom:6px}.public-host,.public-squad-person{display:flex;align-items:center;gap:17px;min-height:64px;padding:0 19px;font-size:17px;font-weight:700}.public-host{background:#29223a;border:1px solid #5f5086;border-radius:7px}.public-host .host-badge{margin-left:auto}.public-squad-list{display:grid;gap:7px;margin-top:8px}.public-squad-person{border:1px solid #34353e;background:#1b1d24;border-radius:7px;animation:rise .3s ease both}.public-squad-person .person-number{font-size:13px}.public-count{margin-left:auto;font-size:10px;color:#a9a0b9;border:1px solid #46414e;border-radius:4px;padding:8px 9px;letter-spacing:.09em;white-space:nowrap}.public-queue-list{border-top:1px solid #34353e}.public-queue-row{display:grid;grid-template-columns:62px 1fr;align-items:center;min-height:53px;padding:0 9px;border-bottom:1px solid #2d2f37;animation:rise .28s ease both}.public-queue-row span:first-child{font-family:'Space Grotesk',sans-serif;color:#a991e9;font-size:14px;font-weight:700}.public-queue-row span:last-child{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-empty{color:#92949f;padding:17px 8px;font-size:14px}.more-count{padding:16px 9px;color:#aca3c0;font-size:13px}.public-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2f3139;margin-top:40px;padding-top:21px;color:#8e909b;font-size:12px}
body.overlay{background:transparent}.overlay .public-shell{max-width:560px;margin:0;padding:0 8px 8px}.overlay .public-header{height:54px;border:0}.overlay .public-brand{font-size:12px}.overlay .public-brand .brand-mark{width:26px;height:26px;font-size:17px}.overlay .live-indicator{display:none}.overlay .public-content{gap:14px;padding:0}.overlay .public-squad,.overlay .public-queue{background:#15171ded;border:1px solid #44434b;border-radius:8px;padding:18px 20px;box-shadow:0 10px 35px #0008}.overlay .public-section-heading{margin-bottom:14px}.overlay .public-section-heading h1,.overlay .public-section-heading h2{font-size:20px}.overlay .public-host,.overlay .public-squad-person{min-height:43px;font-size:14px}.overlay .public-queue-row{min-height:37px}.overlay .public-queue-row span:last-child{font-size:13px}.overlay .public-footer{border:0;margin:8px 0 0;padding:0 4px}.overlay .public-footer .status-pill{padding:5px 8px;font-size:9px}
@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.control-grid{grid-template-columns:1fr 1fr}.add-group{grid-column:1/-1}.control-group:nth-child(2){border:0}.columns{grid-template-columns:1fr 1.1fr}.admin-shell{padding:0 24px}}@media(max-width:700px){.admin-shell{padding:0 16px}.topbar{height:auto;min-height:90px}.brand-mark{width:35px;height:35px}.brand h1{font-size:19px}.eyebrow{font-size:9px}.connection{display:none}.top-actions{gap:10px}.status-pill{font-size:9px;padding:7px}.columns{grid-template-columns:1fr}.panel{min-height:0;padding:21px}.queue-panel{min-height:250px}.summary-line{padding:21px 0;font-size:12px;flex-wrap:wrap}.control-panel{padding:21px}.control-grid{grid-template-columns:1fr;gap:20px}.control-group{border-right:0;border-bottom:1px solid #34353d;padding:0 0 20px}.control-group:nth-child(2){border-bottom:1px solid #34353d}.add-group{grid-column:auto;padding-bottom:0}.queue-footer{display:none}.public-shell{padding:0 20px 30px}.public-header{height:75px}.public-content{padding-top:32px;gap:36px}.public-section-heading h1,.public-section-heading h2{font-size:25px}.public-brand{font-size:11px}.public-divider{margin:0 4px}.live-indicator{font-size:9px}.public-host,.public-squad-person{font-size:15px}.public-count{font-size:9px}.overlay .public-shell{padding:0 5px 5px}}@media(max-width:500px){.queue-table-head,.queue-row{grid-template-columns:42px minmax(0,1fr);padding-left:3px;padding-right:3px}.queue-table-head span:last-child{display:none}.queue-row{gap:3px 8px;padding-top:8px;padding-bottom:8px}.queue-actions{grid-column:2;justify-content:flex-start}.queue-actions .icon-button{width:29px;height:26px}.queue-name{overflow:visible}.topbar{align-items:flex-start;flex-direction:column;padding:15px 0;gap:12px}.public-brand{letter-spacing:.04em}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.clear-button{border:0;background:transparent;color:#d99a91;font-size:11px;font-weight:700;padding:0;text-decoration:underline;text-underline-offset:3px}.clear-button:hover:not(:disabled){color:#ffb5aa}.clear-button:disabled{color:#686a73;text-decoration:none}@media(max-width:700px){.queue-footer{display:flex;justify-content:flex-end}.queue-footer span{display:none}}
::view-transition-old(*),::view-transition-new(*){animation-duration:.28s;animation-timing-function:ease-in-out}@media(prefers-reduced-motion:reduce){::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms}}
.login-card .remember-choice{display:flex;align-items:center;gap:10px;margin:14px 0 4px;color:#c1c2ca;cursor:pointer}.login-card .remember-choice input{width:16px;height:16px;margin:0;min-width:16px;accent-color:#b8a0ff}.login-card .remember-choice span{line-height:1.4}

/* Compact OBS overlay: keep the text large while removing decorative space. */
.overlay .public-shell{display:flex;flex-direction:column;width:min(100%,430px);max-width:430px;margin:0;padding:4px;gap:6px}
.overlay .public-header{display:none}
.overlay .public-footer{order:-1;display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;padding:9px 12px;border:2px solid #56e5ae;border-radius:8px;background:#0c3c31;color:#effff7;box-shadow:0 4px 20px #0009}
.overlay .public-footer:has(.status-pill.closed){border-color:#ffac76;background:#6a2b20;color:#fff6f0}
.overlay .public-footer .status-pill{border:0;border-radius:0;background:transparent;color:inherit;padding:0;font-size:15px;font-weight:900;letter-spacing:.07em}
.overlay .public-footer .status-pill::before{width:9px;height:9px;box-shadow:0 0 0 3px #ffffff36}
.overlay #public-total{font-size:12px;font-weight:700;color:inherit}
.overlay .public-content{display:block;padding:0;border:1px solid #646876;border-radius:8px;background:#11141ded;box-shadow:0 6px 24px #0009;overflow:hidden}
.overlay .public-squad,.overlay .public-queue{padding:11px 13px;background:transparent;border:0;border-radius:0;box-shadow:none}
.overlay .public-queue{border-top:1px solid #4b4e59}
.overlay .public-section-heading{align-items:center;gap:8px;margin:0 0 8px}
.overlay .public-section-heading .section-kicker,.overlay .section-line{display:none}
.overlay .public-section-heading h1,.overlay .public-section-heading h2{margin:0;font-size:17px;line-height:1.2;font-weight:800;letter-spacing:0}
.overlay .public-count{font-size:11px;font-weight:800;color:#eee6ff;border-color:#77668e;background:#322945;padding:4px 7px}
.overlay .public-host,.overlay .public-squad-person{min-height:37px;padding:0 10px;gap:9px;font-size:17px;line-height:1.2}
.overlay .public-host .host-star{font-size:15px}
.overlay .public-host .host-badge{font-size:9px;padding:3px 5px}
.overlay .public-squad-list{gap:4px;margin-top:4px}
.overlay .public-squad-person .person-number{font-size:12px;width:19px}
.overlay .public-queue-list{border-top:0}
.overlay .public-queue-row{grid-template-columns:27px minmax(0,1fr);min-height:36px;padding:0 5px;gap:4px}
.overlay .public-queue-row span:first-child{font-size:13px}
.overlay .public-queue-row span:last-child{font-size:17px;font-weight:750}
.overlay .public-empty{margin:0;padding:5px 2px;color:#c5c7d1;font-size:13px}
.overlay .more-count{padding:7px 5px 2px;font-size:12px;color:#d7c4ff;font-weight:700}