.emotion-match-game{color:#333;-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;max-width:800px;height:600px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative}.emotion-match-stats{z-index:10;background:#ffffffe6;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;display:flex;box-shadow:0 4px 6px #0000000d}.emotion-match-stats .stat{color:#4a5568;font-size:1.2rem;font-weight:700}.emotion-match-stats span{color:#3182ce}.emotion-match-restart{color:#fff;cursor:pointer;background-color:#f56565;border:none;border-radius:8px;padding:8px 16px;font-weight:700;transition:background .2s}.emotion-match-restart:hover{background-color:#e53e3e}.emotion-match-board-wrap{background:#edf2f7;border-radius:15px;flex-direction:column;flex:1;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.emotion-match-status{text-align:center;color:#2d3748;margin-bottom:20px;padding:10px;font-size:1.2rem;font-weight:500}.emotion-sequence-display{flex-wrap:wrap;justify-content:center;gap:15px;min-height:80px;margin-bottom:40px;display:flex}.emotion-tile{background:#fff;border:3px solid #3182ce;border-radius:15px;justify-content:center;align-items:center;width:70px;height:70px;font-size:40px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 6px #0000001a}.emotion-tile.hidden-emotion{background:#cbd5e0;font-size:0}.emotion-tile.correct{background:#f0fff4;border-color:#48bb78}.emotion-tile.wrong{background:#fff5f5;border-color:#f56565;animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.emotion-selection-grid{background:#fff;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));justify-items:center;gap:15px;padding:20px;display:grid;box-shadow:0 4px 6px #0000000d}.emotion-option{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:15px;justify-content:center;align-items:center;width:80px;height:80px;font-size:45px;transition:all .2s;display:flex}.emotion-option:hover{background:#fff;border-color:#3182ce;transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.emotion-option:active{transform:scale(.95)}.emotion-match-start{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.emotion-match-start-btn{color:#fff;cursor:pointer;background:#3182ce;border:none;border-radius:50px;padding:15px 40px;font-size:1.5rem;font-weight:700;transition:transform .2s,background .2s;box-shadow:0 4px 14px #3182ce63}.emotion-match-start-btn:hover{background:#2b6cb0;transform:scale(1.05)}.emotion-match-message{z-index:30;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.emotion-match-message-card{text-align:center;background:#fff;border-radius:20px;max-width:80%;padding:30px;box-shadow:0 10px 25px #0003}.emotion-match-message-emoji{margin-bottom:15px;font-size:3rem}.emotion-match-message-text{margin-bottom:20px;font-size:1.2rem;line-height:1.5}.emotion-match-message-ok{color:#fff;cursor:pointer;background:#3182ce;border:none;border-radius:8px;padding:10px 30px;font-weight:700}.is-hidden{display:none!important}@media (width<=600px){.emotion-match-game{height:550px}.emotion-tile{width:55px;height:55px;font-size:30px}.emotion-option{width:60px;height:60px;font-size:35px}}