.beta-tag{display:inline-block;vertical-align:middle;margin-left:10px;padding:3px 7px;border:1px solid #8aa78477;border-radius:5px;color:var(--green);font:600 10px/1.4 system-ui;letter-spacing:.07em;text-transform:uppercase}
.casebar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 12px;font-size:12px;color:var(--muted)}.casebar select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;min-height:44px;font:inherit}.case-note{color:var(--muted);font-size:12px;margin:0 0 14px}.start-context{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff1c;padding:12px 0;margin-top:10px}.start-context p{font-size:12px;color:var(--muted);margin:0}.start-context button{flex:none}.start-context button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.felt{background:radial-gradient(ellipse at 50% 40%,#245440,#193d30 70%,#163529)}
.branch{transition:opacity .65s ease,border-color .65s ease,background .65s ease}.thinking .bit-readout{opacity:.35;transition:opacity .5s}.confirmed{animation:confirmed 1.2s ease-out}.turn-display:not([hidden]){animation:turn-in .65s ease both}.drawn-card:nth-child(2){animation:turn-in .85s ease both}.drawn-card:nth-child(3){animation:turn-in 1.1s ease both}.queue-overflow{width:100%;min-width:0}.queue-overflow summary{list-style:none;min-height:36px}.queue-overflow summary::-webkit-details-marker{display:none}.queue-overflow summary:focus-visible{outline:2px solid var(--gold)}.queue-overflow .shared-run{font-size:10px;min-width:25px;padding:3px}.expanded-queue{padding:8px 0;max-height:240px;overflow:auto}.queue-overflow[open] summary .shared-run{border-color:var(--gold)}.trajectory-controls{display:flex;align-items:center;gap:15px;margin:12px 0;font-size:12px}.trajectory-controls input{width:min(350px,60%);min-height:44px;accent-color:var(--gold)}.trajectory-state{max-width:700px}.trajectory-state .queue{margin-bottom:9px}.seat.east{border-color:var(--gold)}.seat small{display:block;font-size:10px;color:var(--gold)}
@keyframes turn-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.intro h1{font-size:34px}.beta-tag{margin-left:5px}.casebar{gap:6px}.casebar select{width:100%}.start-context{align-items:stretch;flex-direction:column;gap:7px}.start-context .button{align-self:flex-start}.branch .card-token{min-width:21px;min-height:27px;font-size:11px}.branch .tokens{gap:2px}.branch .shared-run{min-width:22px;min-height:27px;padding:2px}.trajectory-controls{flex-wrap:wrap;gap:4px}.trajectory-controls input{width:100%}.statusbar{min-height:125px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}