*{box-sizing:border-box}body{margin:0;background:#111;color:#f5eef8;font-family:"Malgun Gothic",sans-serif;line-height:1.6}button,input{font:inherit}button,a{touch-action:manipulation}button{border:1px solid #665b70;border-radius:12px;background:#302638;color:inherit;padding:14px 16px;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:#e7c8f0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ed4e91;outline-offset:3px}[hidden]{display:none!important}.controller{max-width:640px;padding:22px;margin:auto}.controller header,.live-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.controller header{border-bottom:1px solid #44394b;padding-bottom:16px}.controller header a{font-size:12px}.live-title{margin-top:22px}.live-title h1{font-size:14px;color:#c5b7cd;margin:0}#connection{font-size:11px;color:#b4d9c2}#current-name{font-size:32px;margin:10px 0 18px;overflow-wrap:anywhere}.live-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #44394b}.live-item img{width:52px;height:62px;object-fit:contain;border-radius:7px}.live-item small{display:block;color:#c2b4ca}.live-item strong{white-space:nowrap}.live-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:24px}#next{background:#e73570;border-color:#e73570;font-weight:700}#move-status{min-height:24px;font-size:13px;color:#edc9dd;margin:10px 0}.next-preview{border-top:1px solid #44394b;padding-top:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 20px}.next-preview span,.next-preview small{color:#bbaec4;font-size:12px}.next-preview strong{overflow-wrap:anywhere}.next-preview small{grid-column:2}.broadcast-settings{margin-top:24px;font-size:12px;color:#bbaec4}.broadcast-settings p{margin:12px 0}.broadcast-settings input{width:100%;margin:6px 0 12px;padding:9px;background:#201a25;color:#e9dfef;border:1px solid #665b70;border-radius:6px}.broadcast-settings button{padding:8px 12px;margin-right:14px}.overlay-body{background:transparent;overflow:hidden}.overlay-box{width:320px;max-width:100vw;background:rgba(34,22,39,.78);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;color:white}.overlay-box div{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center}.overlay-box div+div{border-top:1px solid #ffffff24;margin-top:10px;padding-top:10px}.overlay-box span{font-size:13px;color:#e9c2db}.overlay-box strong{font-size:20px;overflow-wrap:anywhere}.overlay-box p{font-size:11px;margin:8px 0 0;color:#f4c9d8}@media(max-width:400px){.controller{padding:16px}#current-name{font-size:28px}.live-actions{gap:8px}}

.overlay-box{width:300px;padding:10px 17px 12px;background:rgba(28,20,33,.68);border-radius:12px}.overlay-brand{font-size:12px;font-weight:700;color:#f3b1d3;margin:0 0 12px}.overlay-box div{grid-template-columns:64px 1fr;gap:8px}.overlay-box span{font-size:10px}.overlay-box strong{font-size:17px}.overlay-box div+div{margin-top:10px;padding-top:10px}

.overlay-brand{font-size:10px}.overlay-box span{font-size:9px}.overlay-box strong{font-size:14px}

.nickname-settings{margin:16px 0;font-size:13px}.nickname-settings p{color:#c2b4ca}.nickname-settings label{display:block;margin-top:10px}.nickname-settings input,.nickname-settings select{display:block;width:100%;padding:10px;margin:4px 0 12px;background:#201a25;color:#fff;border:1px solid #665b70;border-radius:8px;font:inherit}.nickname-settings button{padding:9px 12px;margin:0 8px 6px 0}#nickname-status{min-height:22px}

/* Large operator purchase details for laptop viewing. */
.opening-summary{padding:12px 16px;margin:8px 0 12px;background:#39232f;border:1px solid #aa4b76;border-radius:12px}.opening-summary strong{display:block;font-size:26px;line-height:1.35;color:#ffdfed}.opening-summary small{display:block;margin-top:4px;font-size:13px;color:#ddc6d4}.live-item{grid-template-columns:64px minmax(0,1fr) auto;gap:14px;min-height:112px;padding:16px 4px}.live-item img{width:64px;height:78px;object-fit:cover}.live-item>div{font-size:22px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.live-item small{font-size:14px;font-weight:400;margin-top:6px}.live-item>strong{font-size:40px;line-height:1.2;color:#ffd0e1;background:#30212b;border-radius:10px;padding:10px 12px}@media(max-width:480px){.live-item{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.live-item img{width:48px;height:62px}.live-item>div{font-size:19px}.live-item>strong{font-size:32px;padding:8px}.opening-summary strong{font-size:23px}}