/* Functional additions reuse the original tokens and component classes. */
[hidden] { display: none !important; }
.ww-message { padding: 16px; color: var(--muted); line-height: 1.5; }
.ww-message[role="alert"] { color: var(--bad-text); }
.ww-toast { position: fixed; bottom: 100px; left: 50%; transform: translateX(-50%); z-index: 500;
  max-width: min(92vw, 540px); background: var(--dp-bg); color: var(--white); padding: 16px 24px;
  border: 1px solid var(--dp-line); border-radius: 14px; box-shadow: 0 8px 40px #0008; }
.ww-frame { width: 100%; height: 75vh; min-height: 500px; border: 0; border-radius: 16px; }
.ww-form { display: grid; gap: 16px; width: 100%; }
.ww-form label { display: grid; gap: 8px; color: var(--dp-text); font-size: 14px; }
.ww-form input, .ww-form select { width: 100%; min-width: 0; padding: 14px; background: var(--dp-field);
  color: var(--white); border: 1px solid var(--dp-line); border-radius: 12px; font: inherit; }
.ww-form button { min-height: 46px; }
.ww-form .dp__submit { width: 100%; }
.ww-form button:disabled { opacity: .5; cursor: wait; }
.ww-games { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; }
.ww-game { min-width: 0; border-radius: 12px; overflow: hidden; background: var(--card-bg); }
.ww-game img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.ww-game span { display:block; padding: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ww-tools { display:flex; gap:12px; margin: 12px 0 20px; flex-wrap:wrap; }
.ww-tools input, .ww-tools select { background: var(--field); color:var(--white); border:1px solid var(--dp-line); padding:12px; border-radius:12px; }
.ww-load { display:block; margin:20px auto; padding:12px 24px; background:var(--primary); border-radius:12px; }
.ww-history { width:100%; border-collapse:collapse; }
.ww-history td,.ww-history th { text-align:left; padding:12px; border-bottom:1px solid var(--dp-line); }
@media(max-width:1023px) { .ww-games { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:767px) { .ww-games { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .ww-frame { min-height:65vh; } }