:root{--bg:#12151b;--surface:#1b2029;--line:#2c3340;--text:#e6e9ef;--muted:#8b94a5;--accent:#5b9dff;--bad:#ff7a7a;--good:#5fd08a;--ui-scale:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{font-size:calc(16px * var(--ui-scale))}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}#root,.app{flex-direction:column;min-height:100vh;display:flex}h1{margin:0 0 .5rem;font-size:1.5rem}h3{margin:1.25rem 0 .5rem;font-size:1rem}p{margin:.4rem 0}.center{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:.6rem;flex-direction:column;gap:.75rem;width:100%;max-width:22rem;padding:1.5rem;display:flex}label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}input,textarea,button{font:inherit;color:inherit}input:not([type=range]),textarea{background:var(--bg);border:1px solid var(--line);border-radius:.4rem;width:100%;padding:.5rem .6rem}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{background:var(--accent);color:#0b1220;cursor:pointer;border:0;border-radius:.4rem;padding:.5rem .9rem;font-weight:600}button:disabled{opacity:.5;cursor:default}button.quiet,button.tab{color:var(--text);border:1px solid var(--line);background:0 0;font-weight:400}button.tab.on{border-color:var(--accent);color:var(--accent)}button.link{color:var(--accent);font-weight:400;font-size:inherit;background:0 0;margin-left:.3rem;padding:0 .3rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad)}.hidden{display:none}.spacer{flex:1}.bar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .9rem;display:flex}.bar button{padding:.3rem .6rem}.status{color:var(--muted);align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.dot{background:var(--muted);border-radius:50%;width:.6rem;height:.6rem}.status-open .dot{background:var(--good)}.status-closed .dot{background:var(--bad)}.games{flex:1;width:100%;max-width:44rem;margin:0 auto;padding:1.25rem 1rem}.game-card{background:var(--surface);border:1px solid var(--line);border-radius:.6rem;align-items:center;gap:1rem;padding:1rem;display:flex}.game-card h2{margin:0 0 .2rem;font-size:1.15rem}.game-card div{flex:1}.panel{background:var(--surface);border-left:1px solid var(--line);z-index:10;flex-direction:column;width:min(26rem,100vw);display:flex;position:fixed;top:0;bottom:0;right:0}.panel-head{border-bottom:1px solid var(--line);gap:.5rem;padding:.6rem;display:flex}.panel-head button{padding:.3rem .7rem}.panel-body{flex:1;padding:.75rem;overflow-y:auto}.row{align-items:flex-start;gap:.5rem;margin:.4rem 0;display:flex}.tune{border-bottom:1px solid var(--line);padding:.5rem 0}.tune-head{justify-content:space-between;gap:.5rem;font-size:.9rem;display:flex}.tune-row{align-items:center;gap:.6rem;display:flex}.tune-row input{accent-color:var(--accent);flex:1}.value{text-align:right;font-variant-numeric:tabular-nums;min-width:3rem}.tag{border:1px solid var(--line);color:var(--muted);border-radius:.3rem;padding:0 .35rem;font-size:.75rem;font-style:normal}.list{margin:.5rem 0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:.5rem;padding:.3rem 0;display:flex}.note{background:var(--bg);border:1px solid var(--line);border-radius:.4rem;margin:.75rem 0;padding:.6rem}.note.closed{opacity:.6}.comments{border-left:2px solid var(--line);margin-top:.4rem;padding-left:.75rem}.entry{margin:.3rem 0}.text{white-space:pre-wrap;overflow-wrap:anywhere}.app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}