/* v1.3: refined theme + responsive keyboard */
:root{
  --odwg-primary:#b91c1c;
  --odwg-primary-dark:#991b1b;
  --odwg-green:#6aaa64;
  --odwg-yellow:#c9b458;
  --odwg-gray:#787c7e;
  --odwg-border:#e5e7eb;
  --odwg-key-bg:#fff;
  --odwg-key-border:#dfe3e7;
  --odwg-key-shadow:0 1px 0 rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.05);
}
.odwg-container{max-width:760px;margin:24px auto;padding:0 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#222}
.odwg-title{margin:8px 0 16px;font-size:32px;text-align:center;font-family:Georgia,'Times New Roman',serif;color:var(--odwg-primary)}
.odwg-user-info{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.odwg-user-info label{display:flex;flex-direction:column;font-size:14px;gap:6px;flex:1}
.odwg-user-info input{padding:10px 12px;border:1px solid #ddd;border-radius:12px;background:#fff}
.odwg-howto{background:#fff;border:1px solid var(--odwg-border);border-radius:16px;padding:16px;margin-bottom:16px}
.odwg-box{display:inline-block;width:18px;height:18px;border-radius:4px;margin:0 2px;vertical-align:middle}
.odwg-green{background:var(--odwg-green)}.odwg-yellow{background:var(--odwg-yellow)}.odwg-gray{background:var(--odwg-gray)}
.odwg-objective{margin-top:8px;font-size:14px}
.odwg-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.odwg-btn{padding:10px 14px;border-radius:999px;border:1px solid transparent;background:#444;color:#fff;cursor:pointer}
.odwg-btn:hover{filter:brightness(0.96)}
.odwg-btn-primary{background:var(--odwg-primary);border-color:var(--odwg-primary);}
.odwg-btn-primary:hover{background:var(--odwg-primary-dark);border-color:var(--odwg-primary-dark);}
.odwg-btn-secondary{background:#4b5563;border-color:#4b5563;}
.odwg-btn-hint{background:#fff6db;color:#5a4a00;border-color:#f6e9b5}
.odwg-hint-area{margin-top:8px;color:#0b6;min-height:20px}
/* Board */
.odwg-board{display:grid;grid-template-columns:repeat(5,minmax(54px,64px));gap:8px;justify-content:center;margin:16px auto}
.odwg-tile{width:100%;aspect-ratio:1/1;border:2px solid #ddd;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;background:#fff;text-transform:uppercase}
.odwg-tile.odwg-filled{border-color:#bbb}
.odwg-tile.odwg-green{background:var(--odwg-green);border-color:var(--odwg-green);color:#fff}
.odwg-tile.odwg-yellow{background:var(--odwg-yellow);border-color:var(--odwg-yellow);color:#fff}
.odwg-tile.odwg-gray{background:var(--odwg-gray);border-color:var(--odwg-gray);color:#fff}
/* Keyboard wrapper (sticky on mobile) */
.odwg-kb-wrap{position:sticky;bottom:0;background:linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,.95));padding-top:8px}
/* Responsive keyboard: 3 rows with auto sizing per key */
.odwg-keyboard{display:flex;flex-direction:column;gap:8px;max-width:680px;margin:10px auto 0}
.odwg-kb-row{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px}
.odwg-key{display:flex;align-items:center;justify-content:center;padding:.9rem .5rem;border-radius:12px;background:var(--odwg-key-bg);border:1px solid var(--odwg-key-border);box-shadow:var(--odwg-key-shadow);font-weight:700;cursor:pointer;user-select:none;touch-action:manipulation;transition:transform .06s ease, box-shadow .12s ease}
.odwg-key:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(0,0,0,.04)}
.odwg-key.odwg-large{grid-column:span 1}
/* color states */
.odwg-key.odwg-green{background:var(--odwg-green);color:#fff;border-color:var(--odwg-green)}
.odwg-key.odwg-yellow{background:var(--odwg-yellow);color:#fff;border-color:var(--odwg-yellow)}
.odwg-key.odwg-gray{background:var(--odwg-gray);color:#fff;border-color:var(--odwg-gray)}
/* Small screens */
@media (max-width:480px){
  .odwg-key{padding:.8rem .45rem;border-radius:10px;font-size:15px}
  .odwg-kb-row:nth-child(1){padding:0 2px}
  .odwg-kb-row:nth-child(2){padding:0 10px} /* center second row */
  .odwg-kb-row:nth-child(3){padding:0 0}
  .odwg-key.odwg-large{grid-column:span 1}
}
/* Larger screens */
@media (min-width:681px){
  .odwg-key{padding:1rem .6rem;font-size:16px}
}

/* v1.4.2 Share+Level */
.odwg-share-level-wrap{display:flex;gap:.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0}
.odwg-share{display:flex;gap:.5rem;flex-wrap:wrap}
.odwg-level-info{font-weight:600}

/* v1.5.0 Points */
.odwg-points-info{font-weight:600}
.odwg-share-level-wrap{gap:.75rem}