.game-isim-sehir { --g-bg: #fdfdf8; --g-surface: #fff; --g-ink: #1f3c88; --g-muted: #566481; --g-accent: #d7263d; --g-accent-ink: #fff; --g-line: #c3d6e9; }
.game-isim-sehir .game-landing-preview { border: 2px solid #1f3c88; box-shadow: 0 4px 0 #cfe0f0; }
.game-isim-sehir .game-player { background-image: linear-gradient(#cfe0f0 1px, transparent 1px), linear-gradient(90deg, #cfe0f0 1px, transparent 1px); background-size: 24px 24px; }
.game-isim-sehir .game-player-bar { background: #fdfdf8; border-bottom: 2px solid #d7263d; }
.game-isim-sehir .game-player-slot .game-btn { font-size: 13px; }
.is-stage { max-width: 540px; }
.is-game-head { display: flex; justify-content: space-between; align-items: center; min-height: 68px; margin-bottom: 12px; padding-left: 12px; }
.is-game-head h2 { font-size: 19px; }
.is-letter { display: grid; place-items: center; width: 64px; height: 64px; border: 2px solid #d7263d; border-radius: 50%; color: #d7263d; background: #fdfdf8; }
.is-letter strong { font-family: ui-serif, "New York", Georgia, "Times New Roman", serif; font-size: 46px; line-height: 1; }
.is-fields { border: 1px solid #9bb5d5; border-left: 3px solid #d7263d; background: #fdfdf8; }
.is-field { display: grid; grid-template-columns: 65px minmax(0, 1fr) 22px; align-items: center; gap: 8px; padding: 8px 10px; border-bottom: 1px solid #cfe0f0; scroll-margin-block: 85px 24px; }
.is-field:last-child { border-bottom: 0; }
.is-field-name { font-size: 15px; font-weight: 800; }
.is-field input { min-width: 0; width: 100%; min-height: 44px; padding: 6px 4px; border: 0; border-bottom: 1px solid #9bb5d5; border-radius: 0; color: #1f3c88; background: transparent; font: 800 18px var(--g-font); }
.is-field input::placeholder { color: #63728c; font-size: 16px; font-weight: 400; }
.is-field input:disabled { opacity: 1; -webkit-text-fill-color: #1f3c88; }
.is-field-state { color: #d7263d; font-size: 24px; font-weight: 900; }
.is-field[data-state="wrong"] { background: #fff0ee; }
.is-field[data-state="review"] { background: #fff8db; }
.is-field[data-state="correct"] .is-field-state { color: #26744a; }
.is-actions { display: grid; gap: 8px; margin-top: 14px; }
.is-actions button, .is-win button { min-height: 46px; padding: 10px; border: 1px solid #1f3c88; border-radius: 6px; background: #fdfdf8; color: #1f3c88; font: 800 15px var(--g-font); cursor: pointer; touch-action: manipulation; }
.is-actions .is-check, .is-win button { background: #1f3c88; color: #fff; }
.is-actions #is-approve { border-color: #d7263d; color: #b61b31; }
.is-actions button:active, .is-win button:active { transform: translateY(1px); }
.is-message { min-height: 42px; margin: 12px 0 0; padding: 4px 8px; background: #fdfdf8; font-size: 15px; line-height: 1.4; }
.is-message[data-kind="error"] { color: #b61b31; }
.is-message[data-kind="success"] { color: #26744a; }
.is-stage.is-complete .is-actions { display: none; }
.is-win { margin-top: 10px; padding: 12px; border: 2px solid #d7263d; background: #fdfdf8; }
.is-win strong { color: #d7263d; font-size: 20px; }
.is-win p { margin: 4px 0 10px; }
.is-win button { width: 100%; }
.game-isim-sehir .game-levels { max-width: 540px; background: #fdfdf8; padding: 10px 0; }
.game-isim-sehir .is-level { display: flex; gap: 8px; align-items: center; }
.is-level small { font-size: 13px; }
.game-isim-sehir .is-level.is-current { background: #1f3c88; border-color: #1f3c88; color: #fff; }
.game-isim-sehir .is-level.is-done { border-color: #d7263d; }
.is-level:disabled { opacity: .5; cursor: default; }
.game-isim-sehir .game-info h2 { margin-top: 24px; }
@media (min-width: 720px) { .is-field { grid-template-columns: 85px minmax(0, 1fr) 24px; padding-inline: 16px; } }
@media (min-width: 1080px) { .game-isim-sehir .game-level-list { gap: 8px; } }