.game-dusen-kelime {
  --g-bg: #14123a;
  --g-surface: #2a2670;
  --g-ink: #f9f5ff;
  --g-muted: #c0bde5;
  --g-accent: #ffd84d;
  --g-accent-ink: #14123a;
  --g-line: #585394;
}
.game-dusen-kelime .game-landing-preview { background: #2a2670; border: 2px solid #7369c2; box-shadow: 0 4px 0 #7369c2; }
.game-dusen-kelime .game-player-bar { background: #211d58; }
.game-dusen-kelime .game-player-bar h2 { font-size: 16px; }
.game-dusen-kelime .game-player-content { padding-top: 10px; }
.dk-shell { max-width: 520px; }
.dk-clue { min-height: 42px; display: grid; place-items: center; text-align: center; font-size: 15px; line-height: 1.4; }
.dk-score { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 8px 0; color: var(--g-muted); font: 13px ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
.dk-health { display: flex; gap: 5px; color: #ff6bb5; font-size: 22px; line-height: 1; }
.dk-health .is-lost { color: #585394; }
.dk-answer { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px; min-height: 38px; margin-bottom: 12px; }
.dk-answer-cell { display: grid; place-items: center; width: 28px; height: 36px; border-bottom: 2px solid #7369c2; border-radius: 3px 3px 0 0; font-size: 22px; font-weight: 900; }
.dk-answer-cell.is-filled { background: #2a2670; color: #5ef2c2; }
.dk-answer-cell.is-next { background: #ffd84d; color: #14123a; border-color: #ffd84d; }
.dk-stage { position: relative; height: clamp(220px, 32dvh, 300px); overflow: hidden; border: 2px solid #7369c2; border-radius: 12px; background: #211d58; isolation: isolate; }
.dk-lane-lines { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(4, 1fr); pointer-events: none; }
.dk-lane-lines i { border-right: 1px dashed #585394; }
.dk-lane-lines i:last-child { border: 0; }
.dk-ground { position: absolute; inset: auto 0 0; height: 10px; background: #7369c2; border-top: 3px solid #a69cff; pointer-events: none; }
.dk-tile-layer { position: absolute; inset: 0; pointer-events: none; }
.dk-tile { position: absolute; top: 0; width: calc(25% - 12px); height: 58px; display: grid; place-items: center; border: 1px solid #ffd84d; border-radius: 8px; background: #ffd84d; color: #14123a; box-shadow: 0 4px 0 #bda032; font: 900 29px var(--g-font); cursor: pointer; pointer-events: auto; touch-action: manipulation; }
.dk-tile:nth-child(2) { background: #5ef2c2; border-color: #5ef2c2; box-shadow: 0 4px 0 #32a481; }
.dk-tile:nth-child(3) { background: #ff6bb5; border-color: #ff6bb5; box-shadow: 0 4px 0 #ba3c79; }
.dk-tile:nth-child(4) { background: #b5a8ff; border-color: #b5a8ff; box-shadow: 0 4px 0 #7364b2; }
.dk-tile:active { scale: .96; }
.dk-tile.is-hinted { outline: 3px solid #fff; outline-offset: 2px; }
.dk-tile.is-wrong { opacity: .35; cursor: default; }
.dk-stage-overlay { position: absolute; inset: 0; z-index: 1; display: grid; place-content: center; justify-items: center; gap: 20px; background: #211d58; padding: 16px; text-align: center; }
.dk-stage-overlay p { max-width: 260px; font-size: 25px; line-height: 1.2; font-weight: 900; }
.dk-stage-overlay .game-btn { min-height: 48px; padding-inline: 24px; }
.dk-meter { height: 5px; overflow: hidden; margin-top: 8px; border-radius: 3px; background: #2a2670; }
.dk-meter span { display: block; height: 100%; width: 100%; background: #5ef2c2; }
.dk-status { display: grid; place-items: center; min-height: 44px; margin: 4px 0; font-size: 13px; line-height: 1.4; }
.dk-status[data-type="error"] { color: #ff9ccb; }
.dk-status[data-type="success"] { color: #5ef2c2; }
.dk-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.dk-controls .game-btn { padding-inline: 8px; font-size: 13px; }
.dk-keyboard { margin-top: 12px; text-align: center; color: var(--g-muted); font-size: 13px; line-height: 1.4; }
.game-dusen-kelime .game-levels { max-width: 520px; }
.game-dusen-kelime button { -webkit-tap-highlight-color: transparent; }
@media (min-width: 720px) {
  .dk-stage { height: 300px; }
  .dk-answer-cell { width: 36px; height: 42px; }
}
@media (min-width: 1080px) {
  .game-dusen-kelime .game-player { max-width: 680px; }
}