/* The Fidget Drawer's house-rules kit (kit.js): the controls bar, the tools row and the play area. Uses the Library's own tokens. */
.fidget { margin: 0 0 1.6rem; }
.fidget-bar, .fidget-tools { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin: 0 0 .8rem; }
.fidget-tools:empty { display: none; }
.fidget-bar .btn, .fidget-tools .btn { min-height: 44px; min-width: 44px; padding: .55rem .9rem; font-size: .85rem; box-shadow: 3px 3px 0 var(--shadow); }
.fidget-bar .btn-ghost, .fidget-tools .btn-ghost { color: var(--ink); }
.fidget-bar .fidget-pause { min-width: 7rem; justify-content: center; font-size: .95rem; }
.fidget-bar [aria-pressed="true"]:not(.fidget-pause), .fidget-tools [aria-pressed="true"] { background: var(--ink); color: var(--bg); }
.fidget-vol { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; font: 700 .85rem/1.2 var(--mono); text-transform: uppercase; }
.fidget-vol input { width: 8rem; min-height: 44px; accent-color: var(--pink); }
.fidget-vol input:disabled { opacity: .45; }
.fidget-tools label, .fidget-tools select { font: 700 .85rem/1.2 var(--mono); text-transform: uppercase; }
.fidget-tools select { min-height: 44px; padding: .4rem .6rem; border: 2px solid var(--line); background: var(--paper); color: var(--ink); }
.fidget-stage { position: relative; width: 100%; height: clamp(320px, 68vh, 680px); border: 2px solid var(--line); box-shadow: 5px 5px 0 var(--shadow); overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; background: var(--term-bg); }
.fidget-stage:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.fidget-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.fidget.is-full { background: var(--bg); padding: 1rem; display: flex; flex-direction: column; overflow: auto; }
.fidget.is-full .fidget-stage { flex: 1 1 auto; height: auto; min-height: 320px; }
@media (max-width: 480px) { .fidget-bar .btn, .fidget-tools .btn { padding: .5rem .7rem; } .fidget-vol input { width: 6.5rem; } }