/* Desktop viewport fit for Kuis Tebak Kata. Mobile/tablet keep the page's native layout. */
@media (min-width: 1200px) {
    .tk-page {
        min-height: calc(100dvh - 90px);
        padding: 12px 24px 16px;
    }

    .tk-shell {
        width: min(100%, 1660px);
        padding: 20px 30px 22px;
    }

    .tk-topbar {
        gap: 18px;
        margin-bottom: 16px;
    }

    .tk-title-wrap {
        gap: 14px;
    }

    .tk-game-icon {
        width: 52px;
        height: 52px;
        border-width: 3px;
    }

    .tk-game-icon i {
        font-size: 1.75rem;
    }

    .tk-title {
        font-size: 2.3rem;
    }

    .tk-subtitle {
        margin-top: 3px;
        font-size: 1rem;
    }

    .tk-daily-pill {
        min-height: 42px;
        padding: 9px 20px;
        font-size: 1rem;
    }

    .tk-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 24px;
    }

    .tk-progress-row {
        grid-template-columns: 130px minmax(0, 1fr) auto;
        gap: 16px;
        margin-bottom: 16px;
    }

    .tk-progress-label,
    .tk-progress-value {
        font-size: 0.95rem;
    }

    .tk-progress-track {
        height: 10px;
    }

    .tk-question-card {
        min-height: 118px;
        margin-bottom: 18px;
        padding: 16px 22px 18px;
    }

    .tk-question-card::before {
        left: 28px;
        top: 22px;
        font-size: 1.65rem;
    }

    .tk-question-card::after {
        right: 38px;
        top: 38px;
        font-size: 1.65rem;
    }

    .tk-question-icon {
        width: 28px;
        height: 28px;
        margin-bottom: 5px;
    }

    .tk-question {
        font-size: 1.7rem;
        line-height: 1.2;
    }

    .tk-question-sub {
        margin-top: 6px;
        font-size: 1rem;
    }

    .tk-answer-boxes {
        gap: 10px;
        margin-bottom: 16px;
    }

    .tk-answer-letter {
        width: 58px;
        height: 56px;
        font-size: 1.6rem;
    }

    .tk-selected-label,
    .tk-keyboard-label {
        font-size: 1rem;
    }

    .tk-selected {
        width: 50px;
        height: 50px;
        margin: 6px auto 12px;
        font-size: 1.55rem;
    }

    .tk-keyboard {
        width: min(100%, 860px);
        margin-top: 6px;
        gap: 8px;
    }

    .tk-key {
        height: 42px;
        font-size: 1.05rem;
    }

    .tk-error-msg {
        margin-top: 8px;
        font-size: 0.92rem;
    }

    .tk-help-panel {
        padding: 18px 20px;
    }

    .tk-help-title {
        gap: 9px;
        margin-bottom: 12px;
        font-size: 1.15rem;
    }

    .tk-help-title i {
        font-size: 1.35rem;
    }

    .tk-help-item {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px;
        padding: 10px 0;
    }

    .tk-help-art {
        width: 44px;
        height: 44px;
        font-size: 1.15rem;
    }

    .tk-help-text {
        font-size: 0.95rem;
        line-height: 1.3;
    }

    .tk-coin-stack {
        left: 20px;
        bottom: 14px;
        transform: scale(0.78);
        transform-origin: left bottom;
    }
}