.free-play-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 1rem;
    padding: 1rem;
}
.free-play-toolbar > div { flex: 1 1 100%; }
.free-play-toolbar label { flex: 1 1 12rem; min-width: 0; }
.free-play-table { min-width: 740px; width: 100%; border-collapse: collapse; }
.free-play-table th, .free-play-table td { padding: .8rem; text-align: left; border-bottom: 1px solid #dbe4f0; }
.free-play-table th small { display: block; font-weight: normal; color: #64748b; }
.free-play-name { background: transparent; color: #184b82; padding: 0; text-align: left; border: 0; box-shadow: none; }
.free-play-name:hover { background: transparent; color: #123d6e; text-decoration: underline; }
.free-play-public-nav { display: flex; flex-wrap: wrap; gap: 1rem; padding: 1rem 0; }
.free-play-table .round-token { white-space: nowrap; }
.free-play-actions { display: flex; gap: .5rem; flex-wrap: wrap; min-width: 150px; }
.free-play-dialog { width: min(560px, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; box-sizing: border-box; padding: 1.25rem; border: 1px solid #cdd9e8; border-radius: 16px; }
.free-play-dialog::backdrop { background: rgb(15 23 42 / 50%); }
.free-play-dialog header { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.free-play-dialog h2 { margin-top: 0; }
.free-play-dialog form { display: grid; gap: .8rem; margin-block: 1rem; }
.free-play-dialog label { display: block; min-width: 0; }
.free-play-dialog input:not([type="checkbox"]), .free-play-dialog select { box-sizing: border-box; width: 100%; max-width: 100%; }
.free-play-dialog pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.free-play-dialog [role="alert"] { color: #ae3030; overflow-wrap: anywhere; }
@media print {
    .free-play-toolbar label, .free-play-actions, .free-play-dialog { display: none; }
    .free-play-table { min-width: 0; font-size: 9pt; }
    .free-play-table th, .free-play-table td { padding: .25rem; }
}