*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f7}.app-root{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#f6f6f9;padding:20px}.game-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:450px;width:100%}.title{font-size:2rem;margin-bottom:20px;font-weight:700;color:#111}.card-area{width:100%;height:380px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.card{background:#fff;width:100%;max-width:380px;height:340px;border-radius:20px;padding:16px;box-shadow:0 18px 30px #0000001a;-webkit-user-select:none;user-select:none;cursor:grab;display:flex;flex-direction:column;justify-content:flex-start}.card:active{cursor:grabbing}.card-count{font-size:.9rem;color:#666;text-align:left}.card-content{flex:1;display:flex;align-items:center;justify-content:center}.card-media{max-width:100%;max-height:100%;border-radius:12px;object-fit:contain}.audio-player{width:100%}.subtitle{font-size:1rem;color:#444}.overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center}.popup{background:#fff;width:90%;max-width:350px;padding:24px;border-radius:20px;text-align:center;box-shadow:0 18px 40px #0003}.icon{font-size:3rem;margin-bottom:12px}.popup-title{font-size:1.4rem;font-weight:700}.popup-text{margin-top:12px;font-size:1rem;color:#333}.popup-button{margin-top:20px;background:#111;color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:1rem}