/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* New fonts near top */
@font-face {
    font-family: "MathJaxFraktur";
    src: url("public/fonts/MathJax_Fraktur-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

.mobile-only {
    display: none;
}

.tablet-desktop-only {
    display: block;
}

.login-panel {
    width: 800px;
    margin: 20px auto;
    padding: 25px;
    border: 8px double #555;
    background: #faf7f0;
}

@media (max-width: 767px) {
    .login-panel {
        max-width: 380px;
        width: auto;
        margin: 20px auto;
        padding: 20px;
        border-width: 4px;
    }
}

body {
    margin: 0;
    padding: 0px;
    background: #f5e3bd;
    font-family: Georgia, "Times New Roman", serif;
    color: #2b1b12;
}

.quiz-image {
    max-width: 100%;
    height: auto;
}

.german-char-strip {
    text-align: center;
    margin: 10px auto 15px auto;
}

.german-char-button {
    font-size: 1.2rem;
    margin: 3px;
    padding: 4px 9px;
    cursor: pointer;
}

/* Hide on phones */
@media only screen and (max-width: 767px) {
    .german-char-strip {
        display: none;
    }
}

.quiz-panel {
    width: 800px;
    margin: 20px auto;
    padding: 25px;
    border: 8px double #555;
    background-color: #faf7f0;
}

.quiz-panel-large {
    width: 1024px;
    margin: 20px auto;
    padding: 25px;
    border: 8px double #555;
    background-color: #faf7f0;
}

.quiz-panel-extra-large {
    width: 1300px;
    margin: 20px auto;
    padding: 25px;
    border: 8px double #555;
    background-color: #faf7f0;
}

.quiz-panel-mobile {
    max-width: 380px;
    margin: 20px auto;
    padding: 20px;
    border: 4px double #555;
    background: #faf7f0;
}

.quiz-panel a:hover {
    color: #800020;
}

.bottom-menu-link {
    text-decoration: underline;
    color: #003300;
}

.menu-link {
    text-decoration: none;
    color: #003300;
}

.menu-link:hover {
    color: darkred;
    text-decoration: underline;
}

.yellow-button {
    display: inline-block;
    font-size: 10pt;
    padding: 0px 8px;
    background: #ffd966;
    border: 1px solid #c9a000;
    border-radius: 6px;
    text-decoration: none;
    color: black;
}

.yellow-button:hover {
    background: #ffe699;
}
.column-title {
    text-align: left;
    font-weight: bold;
    color: #013220;
    margin-bottom: 10px;
}

/* dark green */
.message {
    color: #013220;
}

/* dark red */
.message1 {
    color: #5C0A0A;
}

.street {
    color: #84832cff;
    text-decoration: underline;
    text-decoration-color: var(--street-colour);
    text-decoration-thickness: 10px;
    text-underline-offset: 4px;
}

.answer-tip {
    margin-left: 12px;
    color: #8b0000;
    font-weight: bold;
}

.pairs-page {
    text-align: center;
    max-width: 1000px;
    margin: auto;
}

.pairs-instruction {
    font-size: 20px;
}

.pairs-board {
    display: grid;
    grid-template-columns: repeat(5, 120px);
    grid-template-rows: repeat(4, 165px);
    gap: 14px;
    justify-content: center;
    margin: 25px auto;
}

.pair-tile {
    width: 120px;
    height: 165px;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    perspective: 800px;
}

.tile-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.45s;
    transform-style: preserve-3d;
}

.pair-tile.turned .tile-inner {
    transform: rotateY(180deg);
}

.tile-face {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #5c2118;
    border-radius: 8px;
    background: #f8f1df;
    backface-visibility: hidden;
    overflow: hidden;
    box-sizing: border-box;
}

.tile-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tile-front {
    transform: rotateY(180deg);
    padding: 8px;
}

.tile-picture {
    width: 95px;
    height: 95px;
    object-fit: contain;
    margin-top: 6px;
}

.tile-word {
    margin-top: 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.1;
    color: #2b1b12;
    word-break: normal;
}

.pair-tile.matched {
    visibility: hidden;
}

.pairs-message {
    font-size: 22px;
    font-weight: bold;
}

.wide-quiz-panel {
    max-width: 1450px;
    margin: 25px auto;
    padding: 25px;
    border: 4px solid #6b3e1e;
    border-radius: 12px;
    background: #f8f1df;
}

.pairs-page {
    text-align: center;
    margin: auto;
}

.pairs-board {
    display: grid;
    grid-template-columns: repeat(10, 115px);
    grid-template-rows: repeat(4, 155px);
    gap: 10px;
    justify-content: center;
    margin: 20px auto;
}

.pair-tile {
    width: 115px;
    height: 155px;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    perspective: 800px;
}

.tile-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.45s;
    transform-style: preserve-3d;
}

.pair-tile.turned .tile-inner {
    transform: rotateY(180deg);
}

.tile-face {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #5c2118;
    border-radius: 8px;
    background: #f8f1df;
    backface-visibility: hidden;
    overflow: hidden;
    box-sizing: border-box;
}

.tile-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tile-front {
    transform: rotateY(180deg);
    padding: 6px;
}

.tile-picture {
    width: 88px;
    height: 88px;
    object-fit: contain;
    margin-top: 5px;
}

.tile-word {
    margin-top: 7px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.1;
    color: #2b1b12;
}

.pair-tile.matched {
    visibility: hidden;
}

.crossword {
    margin: 20px auto;
    border-collapse: collapse;
}

.crossword-cell {
    width: 34px;
    height: 34px;
    border: 1px solid black;
    background: white;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
}

.crossword-blank {
    width: 34px;
    height: 34px;
    background: black;
}

.crossword-number {
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 10px;
    font-weight: normal;
}

.crossword-clues {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    max-width: 700px;
    margin: 20px auto;
    text-align: left;
}

.crossword-clues h2 {
    text-align: center;
}

.crossword-clues-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    max-width: 950px;
    margin: 20px auto;
    margin-left:50px;
    text-align: left;
}

.crossword-clue-item {
    margin-top: 5px;
    text-align: left;
}

.crossword-cell.completed.masculine {
    color: darkblue;
}

.crossword-cell.completed.feminine {
    color: #b00060;
}

.crossword-cell.completed.neuter {
    color: grey;
}

.crossword-cell.completed.verb {
    color: darkgreen;
}

.crossword-divider {
    border-left: 2px solid #666;
    padding-left: 15px;
}

.crossword-number {
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 10px;
    font-weight: normal;
}

.across-number {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.word-end-right {
    border-right: 3px double darkred !important;
}

.word-end-bottom {
    border-bottom: 3px double darkred !important;
}

.hint-masculine {
    color: blue;
    font-weight: bold;
}

.hint-feminine {
    color: #b00060;
    font-weight: bold;
}

.hint-neuter {
    color: grey;
    font-weight: bold;
}

.hint-verb {
    color: darkgreen;
    font-weight: bold;
}

.clickable-german-story {
    text-align: left;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 950px;
    font-size: 1.25;
}

.clickable-german-story p {
    margin: 0 0 1em 0;
}

.clickable-german-word {
    border-radius: 3px;
    cursor: pointer;

    transition:
    background-color 0.12s ease,
    box-shadow 0.12s ease;
}

.clickable-german-word:hover {
    background: rgba(255, 245, 130, 0.7);
    box-shadow: 0 0 6px rgba(150, 110, 0, 0.45);
}

.clickable-german-word:focus {
    outline: 2px solid #557755;
    outline-offset: 1px;
}

.dictionary-popup {
    position: fixed;
    z-index: 2000;

    width: 300px;
    max-width: calc(100vw - 30px);

    padding: 16px 18px;

    background: #fff8dc;
    border: 1px solid #806b42;
    border-radius: 6px;

    box-shadow: 3px 4px 14px rgba(0, 0, 0, 0.3);

    text-align: left;
}

.dictionary-popup-word {
    margin-bottom: 10px;
    padding-right: 25px;

    color: #003300;
    font-size: 1.25em;
    font-weight: bold;
}

.dictionary-popup-result {
    margin: 8px 0;
}

.dictionary-popup-german {
    font-weight: bold;
}

.dictionary-popup-english {
    margin-left: 8px;
}

.dictionary-popup-close {
    position: absolute;
    top: 4px;
    right: 7px;
    border: none;
    background: rgba(0, 100, 0, 0.3);
    font-size: 1.4em;
    cursor: pointer;
}

.dictionary-gender-m {
    color: darkblue !important;
}

.dictionary-gender-f {
    color: #b00050 !important;
}

.dictionary-gender-n {
    color: #555 !important;
}

/* dragdrop */
.dragdrop-picture-box {
    position: relative;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
}

.dragdrop-picture {
    width: 100%;
    display: block;
    border: 3px solid #5b3a1e;
    position: relative;
    z-index: 1;
}

.drop-zone {
    position: absolute;
    z-index: 5;
    border: 2px solid transparent;
    /* border: 2px solid rgba(0, 0, 0, 0.25);  */
    background: transparent;
    /* % visible */
    /* background: rgba(255, 0, 0, 0.15); */
    box-sizing: border-box;
}

.drop-zone.hover {
    border-color: green;
    background: rgba(0, 128, 0, 0.2);
}

.drop-zone.correct {
    border-color: darkgreen;
    background: rgba(0, 100, 0, 0.3);
    color: darkgreen;
    font-weight: bold;
    text-align: center;
    padding-top: 6px;
}

.drop-zone.wrong {
    border-color: red;
    background: rgba(255, 0, 0, 0.25);
}

.word-palette {
    margin: 20px auto;
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.word-card {
    padding: 8px 12px;
    border: 2px solid #5b3a1e;
    background: #f5e6c8;
    cursor: grab;
    font-weight: bold;
}

.word-card.used {
    visibility: hidden;
}

#dragdrop-score {
font-size: 1.3em;
margin-bottom: 10px;
}

.word-palette {
    margin: 20px auto;
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.word-card {
    padding: 8px 12px;
    border: 2px solid #5b3a1e;
    background: #f5e6c8;
    cursor: grab;
    font-weight: bold;
}

.word-card.used {
    visibility: hidden;
}

#book-score {
font-size: 1.3em;
margin-bottom: 10px;
}

/* BOARD GAME SECTION */

.board-game-page {
    text-align: center;
}

.board-wrap {
    position: relative;
    width: 95%;
    max-width: 1200px;
    margin: 20px auto 10px auto;
}

.game-board {
    width: 100%;
    display: block;
}

.victorian-pawn {
    position: absolute;
    width: 50px;
    height: 70px;
    transform: translate(-50%, -50%);
    z-index: 30;
    pointer-events: none;
}

.victorian-pawn img {
    width: 100%;
    height: 100%;
    display: block;
}

.lap-counter {
    position: absolute;
    top: 19%;
    left: 10%;
    width: 200px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #8B862EFF; /* nice green */
    z-index: 4;
}

.wiki-button {
    position: absolute;
    top: 25%;
    left: 12%;
    width: 121px;
    height: 114px;
    display: block;
}

.wiki-button img {
    width: 100%;
    height: 100%;
    display: block;

    transition: transform .15s;
}

.wiki-button:hover img {
    transform: scale(1.15);
}

.bank-balance {
    position: absolute;
    top: 23.5%;
    right: 13%;
    width: 220px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #8B862EFF; /* nice green */
    z-index: 4;
}

.bank-balance.bankrupt {
    color: #B42E28;
    text-shadow: 0 0 8px rgba(180,46,40,.35);
}

.bank-balance.winner {
    color: gold;
    font-weight:bold;
    text-shadow: 0 0 12px rgba(139,134,46,.6);
}

.bingo-container {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.bingo-status {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin: 12px 0;
}

.bingo-instruction {
    margin-bottom: 5px;
}

.bingo-question {
    min-height: 1.4em;
    margin-top: 4px;
    margin-bottom: 18px;
}

.bingo-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(105px, 1fr));
    gap: 7px;
    max-width: 720px;
    margin: 0 auto;
}

.bingo-form {
    display: contents;
    margin: 0;
}

.bingo-square {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 72px;
    padding: 8px 5px;
    border: 1px solid #777;
    border-radius: 7px;
    background: #f8f1dc;
    color: #222;
    font: inherit;
    font-size: 1em;
    line-height: 1.15;
    overflow-wrap: anywhere;
    cursor: pointer;
}

button.bingo-square:hover {
    background: #fff8df;
    box-shadow: 0 0 7px rgba(80, 60, 25, 0.45);
}

.bingo-square-ticked {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e7f3df;
    cursor: default;
}

.bingo-square-word {
    opacity: 0.75;
}

.bingo-square-tick {
    position: absolute;
    right: 5px;
    bottom: 0;
    font-size: 2.3em;
    line-height: 1;
    font-weight: bold;
    color: darkgreen;
}

.bingo-message {
    min-height: 1.4em;
    margin: 10px auto;
    font-weight: bold;
}

.bingo-message-correct {
    color: darkgreen;
}

.bingo-message-wrong {
    color: #a40000;
}

.bingo-help {
    margin-top: 18px;
    font-size: 0.92em;
}

.bingo-mistakes {
    margin: 15px auto;
    border-collapse: collapse;
    text-align: left;
}

.bingo-mistakes th,
.bingo-mistakes td {
    padding: 6px 10px;
    border-bottom: 1px solid #bbb;
}

@media (max-width: 700px) {
    .bingo-grid {
        grid-template-columns: repeat(5, minmax(52px, 1fr));
        gap: 4px;
    }

    .bingo-square {
        min-height: 62px;
        padding: 5px 2px;
        font-size: 0.78em;
    }
}

.question-panel {
    position: absolute;
    left: 32.5%;
    top: 34%;
    width: 32%;
    padding: 16px;
    background: rgba(245, 227, 189, 0.92);
    border: 3px solid #5a3218;
    border-radius: 12px;
    text-align: center;
    z-index: 20;
}

.question-panel h2 {
    margin-top: 0;
}

.question-text {
    font-size: 20px;
    font-weight: bold;
}

.board-answer {
    width: 85%;
    padding: 8px;
    font-size: 20px;
    margin-bottom: 10px;
}

.board-submit {
    background: #6b3f1d;
    color: white;
    border: 2px solid #3a2412;
    padding: 8px 18px;
    font-size: 18px;
    cursor: pointer;
}

.game-message {
    font-size: 18px;
    margin-bottom: 0;
}

.game-message1 {
    font-size: 18px;
    margin-bottom: 0;
    color: #8B862EFF; /* nice green */
}


.dice-area {
    position: absolute;
    left: 50%;
    top: 64%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 10;
}

.die {
    width: 78px;
    height: 78px;
    padding: 0;
    margin: 0 8px;
    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    background: transparent;
    border: none;
}

.die img {
    transition: filter .2s, transform .2s;
}

.die:hover:not(:disabled) img {
    filter: drop-shadow(0 0 8px gold);
    transform: scale(1.05);
}

.die:disabled img {
    filter: sepia(90%) brightness(75%);
}

.roll-result {
    margin-top: 28px;
    font-size: 14pt;
    font-weight: bold;
    color: #8B862EFF; /* nice green */
}

.victorian-pawn.passing-start {
    color: #8B862E;
    text-shadow: 0 0 8px #f5e3bd;
}

.victorian-pawn.passing-start img {
    filter:
    drop-shadow(0 0 6px #ffd700)
    drop-shadow(0 0 12px #ffd700);
}

.new-game-button {
    margin-top: 10px;
    background: #6b3f1d;
    color: white;
    border: 2px solid #3a2412;
    padding: 8px 18px;
    font-size: 18px;
    cursor: pointer;
}

.admin-square-jump {
    position: absolute;
    left: 100%;
    top: 0%;
    font-size: 20px;
}

.admin-square-jump input {
    width: 50px;
    padding: 3px;
    text-align: center;
}

.admin-square-jump button {
    padding: 3px 8px;
    background: #6b3f1d;
    color: white;
    border: 1px solid #3a2412;
    cursor: pointer;
}

.sound-button {
    position: absolute;
    top: 23%;
    left: 12%;
    width: 100px;
    height: 85px;
    display: block;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.sound-button img {
    width: 100%;
    height: 100%;
    display: block;
}

.sound-button:hover {
    transform: scale(1.08);
}

.confetti {
    position: absolute;
    width: 8px;
    height: 12px;

    pointer-events: none;
    z-index: 100;

    animation: confettiFall 3.5s linear forwards;
}

@keyframes confettiFall {
    0% {
        transform: translateY(-40px) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(700px) rotate(720deg);
        opacity: 0;
    }
}

.bankrupt-panel {
    background: #e1a50d;
    border-color: #8b5a00;
    box-shadow: 0 0 20px rgba(225, 165, 13, 0.6);
}

.german-keys {
    position: absolute;
    left: 100%;
    top: 120px;
    margin-left: 14px;
    width: 90px;
    padding: 8px;
    background: #faf7f0;
    border: 2px solid #5a3218;
    border-radius: 8px;
    z-index: 30;
}

.german-keys button {
    width: 36px;
    height: 32px;
    margin: 3px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* MOBILE OVERRIDES - keep this at the very bottom */
@media (max-width: 767px) {

    .mobile-only {
        display: block;
    }

    .tablet-desktop-only {
        display: none;
    }

    body {
        padding: 10px;
    }

    .quiz-panel,
    .quiz-panel-large,
    .quiz-panel-extra-large {
        width: auto;
        max-width: 100%;
        margin: 10px auto;
        padding: 18px;
        border-width: 4px;
        box-sizing: border-box;
        /* border: 10px solid red !important; */
    }

    .quiz-image-box {
        width: 100%;
        max-width: 300px;
        height: 180px;
        overflow: hidden;
        margin: 0 auto 10px auto;
    }

    .quiz-image-box-tall {
        width: 100%;
        max-width: 300px;
        height: 250px;
        overflow: hidden;
        margin: 0 auto 10px auto;
    }

    .quiz-image {
        width: 100%;
        height: auto;
        display: block;
    }

    input[type="text"],
    input[type="password"] {
        width: 100%;
        box-sizing: border-box;
        font-size: 18px;
    }

    button,
    input[type="submit"] {
        width: 100%;
        box-sizing: border-box;
        font-size: 18px;
        padding: 12px;
    }

    .answer-tip {
        display: block;
        margin: 10px 0 0 0;
    }

    .mobile-menu {
        max-width: 420px;
        margin: 30px auto;
        padding: 20px;
        text-align: center;
        font-family: Georgia, serif;
    }

    .mobile-menu h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .mobile-note {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .mobile-menu-links a {
        display: block;
        margin: 12px auto;
        padding: 14px;
        max-width: 260px;
        border: 2px solid #555;
        border-radius: 10px;
        background: #f5efe0;
        color: #222;
        text-decoration: none;
        font-size: 20px;
    }

    /* FRUIT FALL MOBILE GAME */

    .fruitfall-page {
        min-height: 100vh;
        background: url("/images/garden.png") center center / cover no-repeat;
        overflow: hidden;
    }

    #fruitfall-game {
    position: relative;
    height: 100vh;
    overflow: hidden;
    font-family: Georgia, serif;
    }

    .fruitfall-topbar {
        position: absolute;
        top: 8px;
        left: 8px;
        right: 8px;
        z-index: 20;
        display: flex;
        justify-content: space-between;
        gap: 6px;
        padding: 8px;
        border-radius: 10px;
        background: rgba(250, 247, 240, 0.88);
        font-size: 14px;
    }

    #ff-falling-area {
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 105px;
    overflow: hidden;
    }

    .falling-fruit {
        position: absolute;
        top: -60px;
        min-width: 74px;
        max-width: 120px;
        min-height: 52px;
        padding: 8px 10px;
        border: 2px solid #6b3f1d;
        border-radius: 45% 55% 50% 50%;
        background: #f5d27a;
        color: #2b1b12;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        box-shadow: 0 3px 6px rgba(0,0,0,0.25);
        animation-name: fruitFall;
        animation-timing-function: linear;
        animation-fill-mode: forwards;
    }

    @keyframes fruitFall {
        from {
            transform: translateY(0) rotate(-5deg);
        }

        to {
            transform: translateY(82vh) rotate(20deg);
        }
    }

    .fruitfall-prompt {
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 12px;
        z-index: 25;
        padding: 12px;
        border: 3px solid #5a3218;
        border-radius: 14px;
        background: rgba(250, 247, 240, 0.94);
        text-align: center;
        font-size: 18px;
    }

    .fruitfall-prompt strong {
        display: block;
        margin-top: 6px;
        font-size: 26px;
        color: #013220;
    }

    .ff-effect {
        position: absolute;
        top: 42%;
        left: 0;
        right: 0;
        z-index: 40;
        text-align: center;
        font-size: 72px;
        pointer-events: none;
    }

    .ff-effect.correct {
        animation: popEffect 0.65s ease-out;
    }

    .ff-effect.wrong {
        animation: shakeEffect 0.65s ease-out;
    }

    @keyframes popEffect {
        0% {
            transform: scale(0.4);
            opacity: 0;
        }

        40% {
            transform: scale(1.3);
            opacity: 1;
        }

        100% {
            transform: scale(1);
            opacity: 0;
        }
    }

    @keyframes shakeEffect {
        0%, 100% {
            transform: translateX(0);
            opacity: 0;
        }

        20%, 60% {
            transform: translateX(-12px);
            opacity: 1;
        }

        40%, 80% {
            transform: translateX(12px);
            opacity: 1;
        }
    }

    /* Keep Fruit Fall mobile only */
    @media (min-width: 768px) {
        .fruitfall-page {
            max-width: 420px;
            margin: 20px auto;
            border: 4px double #555;
        }
    }

}