:root{--bg-color:#f4f6f8;--card-bg:#fff;--text-color:#333;--hu-red:var(--wiu-red);--de-green:var(--wiu-green);--expl-grey:#4a4a4a;--border-black:#222;--trans-blue:var(--wiu-blue);--light-grey:#eef1f5;--panel-bg:#e8f4fc}.szoraktar-game{color:var(--text-color);box-sizing:border-box;flex-direction:column;flex:auto;align-items:stretch;min-height:100%;margin:0;padding:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.szoraktar-game *,.szoraktar-game :before,.szoraktar-game :after{box-sizing:border-box}.srt-main-container{flex-direction:column;gap:15px;width:100%;min-height:0;margin:0 auto;display:flex}.srt-header-card{background:var(--card-bg);text-align:center;border-radius:15px;padding:0 0 10px;box-shadow:0 1px 3px #0000001a}.srt-logo-text{color:var(--hu-red);margin:0;font-size:2rem;font-weight:700}.srt-subtitle{color:#0f4c75;text-align:center;margin:0;font-weight:900}.srt-instruction-wrapper{background:var(--card-bg);border-radius:15px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.srt-instruction-header{width:100%;color:var(--trans-blue);cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;padding:15px;font-weight:700;transition:background .2s;display:flex}.srt-instruction-header:hover{background:#f8f9fa}.srt-chevron{transition:transform .3s}.srt-instruction-header.active .srt-chevron{transform:rotate(180deg)}.srt-instruction-content{background-color:var(--panel-bg);max-height:0;transition:max-height .3s ease-out;overflow:hidden}.srt-instruction-content.open{max-height:1000px}.srt-instruction-text{color:#333;margin:0;padding:15px;font-weight:600;line-height:1.5}.srt-instruction-text ul{margin:10px 0 0 20px;padding:0;list-style-type:disc}.srt-instruction-text li{margin-bottom:8px}.srt-game-card{background:var(--card-bg);border-radius:15px;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;min-height:0;padding:20px;display:flex;box-shadow:0 2px 5px #0000000d}.srt-puzzle-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:30px;display:flex}.srt-puzzle-piece{border:2px solid var(--border-black);text-align:center;background:#fff;border-radius:12px;flex:auto;min-width:100px;max-width:45%;padding:10px 15px;box-shadow:0 2px #0000001a}.srt-piece-hu{color:var(--hu-red);margin-bottom:4px;font-weight:900;display:block}.srt-piece-de{color:var(--de-green);font-weight:700;display:block}.srt-plus-sign{color:#ccc;font-weight:700}.srt-clue-box{text-align:center;width:100%;color:var(--trans-blue);background-color:#f8f9fa;border:2px dashed #ccc;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin:0;padding:15px;font-style:italic;line-height:1.4;display:flex}.srt-clue-icon{font-style:normal}.srt-action-area{justify-content:center;width:100%;margin-bottom:10px;transition:opacity .2s;display:flex}.srt-game-btn{cursor:pointer;border:2px solid var(--border-black);border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px 20px;font-weight:700;transition:transform .1s,background-color .2s;display:flex;position:relative;box-shadow:0 2px #0000001a}.srt-game-btn:active{box-shadow:none;transform:translateY(2px)}.srt-reveal-btn{background-color:var(--trans-blue);color:#fff;border-color:var(--trans-blue)}.srt-reveal-btn:hover{background-color:#0b3a5a}.srt-next-btn{border-color:var(--wiu-green)}.srt-next-btn:disabled{color:#adb5bd;cursor:not-allowed;box-shadow:none;background:#e9ecef;border-color:#ced4da}.srt-next-btn:disabled:active{transform:none}.srt-result-container{text-align:center;opacity:0;pointer-events:none;width:100%;transition:opacity .4s,transform .4s;display:none;transform:translateY(10px)}.srt-result-container.visible{opacity:1;pointer-events:all;display:block;transform:translateY(0)}.srt-result-hu{color:var(--hu-red);margin:0;font-weight:900;line-height:1.2}.srt-result-de{color:var(--de-green);margin:5px 0 20px;font-weight:700}.srt-explanation-box{background:var(--light-grey);border-left:4px solid var(--expl-grey);text-align:left;border-radius:4px;margin-bottom:20px;padding:15px}.srt-explanation-text{color:var(--expl-grey);margin:0;font-weight:600;line-height:1.5}@media (max-width:400px){.srt-puzzle-piece{width:100%;max-width:100%}.srt-plus-sign{display:none}.srt-puzzle-container{gap:15px}}