.game-wrapper,.syllable-splitter-game{position:relative;min-height:460px;overflow:hidden;width:100%;margin-top:24px;border:1px solid #000;border-radius:12px}.game-wrapper:before,.syllable-splitter-game:before{content:"";background-size:cover;background-repeat:no-repeat;background-position:50%;position:absolute;top:0;left:0;width:100%;height:100%}.game-rules{background:#fff;padding:12px;border-radius:12px;position:relative;z-index:1}.game-rules h2{font-size:24px;margin-top:0}.game-rules li,.game-rules p,.game-rules span{font-size:16px}.game-rules strong{font-size:18px}.results-wrapper .results-title{font-size:24px;margin-right:5px}.results-wrapper .results-ok{font-size:24px;margin-left:5px}.results-wrapper .results-ko{font-size:20px;margin-right:5px}@media only screen and (max-width:479px){.results-wrapper .results-ok,.results-wrapper .results-title{font-size:18px}.results-wrapper .results-ko{font-size:16px}}.syllable-splitter-game:before{opacity:.2;background-image:url(/games/syllableSplitterBg.png)}.syllable-splitter-game .syllable-splitter-game-inner{padding:24px;container-type:inline-size;position:relative;z-index:1;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center}.syllable-splitter-game .syllable-splitter-score{text-align:center;font-size:24px;font-weight:800;margin-bottom:12px}.syllable-splitter-game .syllable-splitter-word{--tile-unit:calc(100cqi / (72 * var(--letters, 1)));display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:8px;margin-bottom:16px}.syllable-splitter-game .syllable-splitter-unit{display:inline-flex;align-items:center}.syllable-splitter-game .syllable-splitter-letter{display:inline-flex;align-items:center;justify-content:center;width:clamp(28px,40*var(--tile-unit),40px);height:48px;font-size:clamp(18px,24*var(--tile-unit),24px);font-weight:700;text-transform:uppercase;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#333}@media only screen and (max-width:479px){.syllable-splitter-game .syllable-splitter-letter{height:40px}}.syllable-splitter-game .syllable-splitter-gap{position:relative;width:clamp(20px,32*var(--tile-unit),32px);min-width:20px;height:48px;padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer}.syllable-splitter-game .syllable-splitter-gap:after{content:"";position:absolute;top:6px;bottom:6px;left:50%;width:4px;margin-left:-2px;border-radius:2px;background-color:rgba(0,0,0,0);transition:background-color .2s}.syllable-splitter-game .syllable-splitter-gap:hover:not(:disabled):after{background-color:rgba(51,153,255,.3)}.syllable-splitter-game .syllable-splitter-gap.selected:after{background-color:#39f}.syllable-splitter-game .syllable-splitter-gap.correct:after{background-color:#486e3f}.syllable-splitter-game .syllable-splitter-gap.incorrect:after{background-color:#ff4d4f}.syllable-splitter-game .syllable-splitter-gap.missed:after{background-color:#ad6800}.syllable-splitter-game .syllable-splitter-gap:focus-visible{outline:2px solid #39f;outline-offset:-2px;border-radius:4px}.syllable-splitter-game .syllable-splitter-gap:disabled{cursor:default}.syllable-splitter-game .syllable-splitter-feedback{min-height:24px;font-size:20px;text-align:center;margin:0 0 8px}.syllable-splitter-game .syllable-splitter-correct-split{font-size:20px;text-align:center;margin:0 0 16px}.syllable-splitter-game .syllable-splitter-action{display:inline-block;width:auto;padding-left:32px;padding-right:32px;border-color:#39f;border-width:2px;color:#39f;font-weight:800}.syllable-splitter-game .syllable-splitter-action:hover:not(:disabled){background-color:rgba(51,153,255,.1)}.syllable-splitter-game .results-verdict{font-size:20px;font-weight:600;margin-bottom:16px;text-align:center;color:#0c3f91}