:root{font-family:Segoe UI,Tahoma,sans-serif;line-height:1.4;font-weight:400;color:#f0f0f0;background-color:#111}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1b1b1b,#0d0d0d 65%)}h1{margin:0;font-size:1.8rem}button{border-radius:8px;border:1px solid transparent;padding:.6em .8em;font-size:.95rem;font-weight:500;background-color:#2b2b2b;color:#f0f0f0;cursor:pointer;transition:opacity .15s ease}button:hover{opacity:.9}button:focus,button:focus-visible{outline:2px solid #7aa97a;outline-offset:2px}.app-shell{width:100%;margin:0;padding:12px;display:grid;grid-template-columns:900px 380px;gap:12px;align-items:start;justify-content:start}.tracker-pane,.side-pane{border:1px solid #2c2f28;border-radius:14px;background:linear-gradient(160deg,#171a16,#101210)}.tracker-pane{padding:.75rem;display:grid;grid-template-rows:minmax(520px,1fr);gap:.75rem}.tracker-stage{border:1px dashed #3d4438;border-radius:12px;background:#0f110f;padding:1rem;display:grid;grid-auto-rows:min-content;gap:1rem}.placeholder{min-height:280px;border:1px dashed #343a31;border-radius:12px;display:grid;place-items:center;color:#b4b8af;background:#ffffff05}.tracker-meta{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#cfd6c9}.room-id{color:#8da085;font-family:Consolas,Courier New,monospace}.side-pane{padding:.85rem;display:grid;gap:.75rem;align-content:start}.side-header h1{margin:0;font-size:1.25rem;line-height:1.2}.panel{border:1px solid #31352d;border-radius:12px;background:#131513;padding:.85rem;display:grid;gap:.55rem}.panel h2{margin:0;font-size:1rem;color:#dce6d7}label{display:grid;gap:.2rem;text-align:left;font-size:.9rem;color:#bac7b2}input,select{border:1px solid #4b5345;border-radius:8px;background:#0c0f0c;color:#f3f7f0;padding:.5rem}.items-row{--item-size: calc(72px * var(--item-scale, 1));display:grid;column-gap:8px;row-gap:8px;grid-template-columns:repeat(auto-fill,var(--item-size));justify-content:start}.tracker-grid-main{display:grid;gap:8px}.tracker-grid-with-side{display:grid;grid-template-columns:auto 72px;gap:8px;align-items:start;justify-content:start}.items-column{--item-size: 72px;display:grid;grid-auto-rows:72px;row-gap:8px}.songs-row{grid-template-columns:repeat(6,var(--item-size))}.center-row{grid-template-columns:repeat(var(--row-item-count),var(--item-size));justify-content:center}.item{width:var(--item-size, 72px);height:var(--item-size, 72px);display:grid;align-items:center;justify-items:center;background:transparent;border:0;padding:0;position:relative}.item:focus,.item:focus-visible,.item:active{outline:none;border:0}.item-missing{width:var(--item-size, 72px);height:var(--item-size, 72px);display:grid;place-items:center;font-size:.55rem;color:#faa;border:1px dashed #703333}.item-icon{width:var(--item-size, 72px);height:var(--item-size, 72px);object-fit:contain;image-rendering:auto;opacity:.35;transition:opacity .15s ease}.item-icon.lit{opacity:1}.item-icon-overlay{position:absolute;top:0;left:0}.item-bottom-text{position:absolute;left:50%;bottom:-4px;transform:translate(-50%);font-family:Impact,sans-serif;font-size:calc(1.6rem * (.68 + (.32 * var(--item-scale, 1))));line-height:1;color:#fff;text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000;pointer-events:none;white-space:nowrap;opacity:.65}.item-bottom-text.lit{opacity:1}.item-count{position:absolute;top:4px;right:-2px;font-size:2.3rem;font-family:Impact,sans-serif;line-height:1;color:#fff;text-shadow:-2px -2px 2px #000,2px -2px 2px #000,-2px 2px 2px #000,2px 2px 2px #000;pointer-events:none}.error{margin:0;color:#ff9a9a;font-size:.88rem}.info{margin:0;color:#c7c7c7;font-size:.9rem}@media(max-width:940px){.app-shell{grid-template-columns:1fr}.tracker-pane{grid-template-rows:minmax(360px,1fr)}}