*{box-sizing:border-box}html,body{color:#e8e6f0;background:#0f0f18;height:100%;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}body{flex-direction:column;height:100dvh;display:flex}.topbar{background:#1b1b2a;border-bottom:3px solid #2e2a40;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 16px;padding:8px 16px;display:flex}.brand{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.logo{color:#1b1b2a;background:#ffe14d;border:2px solid #000;place-items:center;width:28px;height:28px;display:inline-grid;box-shadow:2px 2px #000}.tag{color:#b9b3d6;background:#2e2a40;padding:2px 6px;font-size:11px}.headcount{color:#b9b3d6;font-size:13px}.actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.btn{font:inherit;color:#fff;cursor:pointer;background:#3d3856;border:2px solid #000;padding:7px 11px;font-size:13px;box-shadow:3px 3px #000}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #000}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:#2f6fd0}.btn-danger{background:#c0392b}.btn-ghost{color:#b9b3d6;background:#25233a}.btn-sm{padding:5px 8px;font-size:12px;box-shadow:2px 2px #000}.layout{flex:1;min-height:0;display:flex}#game{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:8px;display:flex}#game canvas{image-rendering:pixelated}.panel{background:#1b1b2a;border-left:3px solid #2e2a40;flex-shrink:0;width:320px;padding:14px;position:relative;overflow-y:auto}.panel h2{margin:4px 0 8px;font-size:15px}.panel h3{color:#b9b3d6;text-transform:uppercase;margin:14px 0 6px;font-size:13px}.hint,.muted{color:#9993b8;font-size:12px}.roster,.tasklist{margin:0 0 12px;padding:0;list-style:none}.roster li{cursor:pointer;background:#25233a;border:2px solid #000;margin-bottom:5px;padding:6px 8px;font-size:12px}.roster li:hover{background:#2f2c4a}.roster li.inactive{opacity:.5}.roster .r-name{font-weight:700}.roster .r-sub{color:#9993b8;display:block}.tasklist li{background:#201e33;border-left:3px solid #3d3856;margin-bottom:4px;padding:5px 8px;font-size:11px}.tasklist li.s-in_progress{border-left-color:#4cd964}.tasklist li.s-done{opacity:.55;text-decoration:line-through}.badge{color:#111;border:2px solid #000;margin-top:4px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}.st-working{background:#4cd964}.st-idle{background:#fc0}.st-in_meeting{background:#5ac8fa}.st-away{background:#ff9500}.st-offline{background:#8e8e93}.close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:10px}.detail-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.d-name{color:#ffe14d;font-size:17px;font-weight:700}.d-title{font-size:13px}#panel-avatar{width:72px;height:72px;image-rendering:pixelated;background:#25233a;border:2px solid #000;flex-shrink:0}.fields{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:13px;display:grid}.fields dt{text-transform:uppercase;color:#9993b8;padding-top:2px;font-size:11px}.fields dd{word-break:break-word;margin:0}.fields a{color:#8fc7ff}.controls label,.controls .label{color:#9993b8;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.controls select,.controls input,.controls textarea{width:100%;font:inherit;color:#fff;text-transform:none;background:#25233a;border:2px solid #000;margin-top:3px;padding:4px;font-size:12px;display:block}.controls .row{align-items:center;gap:6px;display:flex}.controls .row select{flex:1;min-width:0}.newtask{flex-direction:column;gap:4px;margin:4px 0 10px;display:flex}.newtask .btn{align-self:flex-start}.error{color:#ff6b6b;min-height:1em;font-size:12px}@media (width<=760px){.topbar{gap:6px;padding:6px 8px}.brand{font-size:15px}.tag{display:none}.actions{gap:5px;margin-left:0}.btn{padding:5px 7px;font-size:11px;box-shadow:2px 2px #000}.layout{flex-direction:column}#game{flex:none;height:min(66vw,45vh);padding:4px}.panel{border-top:3px solid #2e2a40;border-left:none;flex:1;width:100%;padding:10px}}