*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f0f0f0}#app{width:100%;min-height:100vh}.game-lobby[data-v-c266e13b]{width:100%;min-height:100vh;padding:20px;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center}.user-info[data-v-c266e13b]{display:flex;align-items:center;background-color:#fff;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a;border:2px solid #e0e0e0;width:100%;max-width:1200px}.avatar-container[data-v-c266e13b]{position:relative;margin-right:20px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:10px}.avatar[data-v-c266e13b]{width:80px;height:80px;border-radius:10px;object-fit:cover}.avatar-frame[data-v-c266e13b]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../res/frame.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;z-index:1;display:block;scale:1.2}.user-details[data-v-c266e13b]{flex:1}.nickname[data-v-c266e13b]{font-size:24px;font-weight:700;margin-bottom:5px}.uid[data-v-c266e13b]{font-size:14px;color:#666;margin-bottom:5px}.coin[data-v-c266e13b]{font-size:16px;font-weight:700;color:#c9a227}.game-types[data-v-c266e13b]{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding:15px;background-color:#fff;border-radius:10px;border:2px solid #e0e0e0;box-shadow:0 2px 10px #0000001a;width:100%;max-width:1200px;justify-content:center}.type-btn[data-v-c266e13b]{padding:10px 20px;border:1px solid #ddd;border-radius:20px;background-color:#f9f9f9;cursor:pointer;font-size:14px;transition:all .3s ease;font-weight:500}.type-btn[data-v-c266e13b]:hover{background-color:#f0f0f0;transform:translateY(-2px)}.type-btn.active[data-v-c266e13b]{background-color:#4caf50;color:#fff;border-color:#4caf50;box-shadow:0 2px 8px #4caf504d}.game-list[data-v-c266e13b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;width:100%;max-width:1200px;background-color:#fff;border-radius:10px;border:2px solid #e0e0e0;box-shadow:0 2px 10px #0000001a;padding:20px}.game-item[data-v-c266e13b]{background-color:#fff;padding:20px;border-radius:10px;text-align:center;cursor:pointer;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.game-item[data-v-c266e13b]:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0003}.game-icon[data-v-c266e13b]{width:80px;height:80px;margin:0 auto 10px}.game-icon img[data-v-c266e13b]{width:100%;height:100%;object-fit:contain}.game-name[data-v-c266e13b]{font-size:16px;font-weight:700}.loading-message[data-v-c266e13b],.error-message[data-v-c266e13b],.empty-message[data-v-c266e13b]{text-align:center;padding:40px 20px;font-size:16px;width:100%}.loading-message[data-v-c266e13b]{color:#666}.error-message[data-v-c266e13b]{color:#f44336;font-weight:700}.empty-message[data-v-c266e13b]{color:#999}@media (max-width: 768px){.game-lobby[data-v-c266e13b]{padding:10px}.user-info[data-v-c266e13b]{padding:15px}.avatar[data-v-c266e13b]{width:60px;height:60px}.nickname[data-v-c266e13b]{font-size:20px}.game-list[data-v-c266e13b]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px}.game-item[data-v-c266e13b]{padding:15px}.game-icon[data-v-c266e13b]{width:60px;height:60px}}.game-room[data-v-11ca16ac]{width:100%;height:100vh;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px;align-items:center;overflow:hidden}.background[data-v-11ca16ac]{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../res/bk.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.8;z-index:-1}.top-bar[data-v-11ca16ac]{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;background-color:#ffffffe6;padding:15px 20px;border-radius:10px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a;border:2px solid #e0e0e0}.user-info[data-v-11ca16ac]{display:flex;align-items:center}.avatar-container[data-v-11ca16ac]{position:relative;margin-right:20px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:10px}.avatar[data-v-11ca16ac]{width:80px;height:80px;border-radius:10px;object-fit:cover}.avatar-frame[data-v-11ca16ac]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../res/frame.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;z-index:1;display:block;scale:1.2}.user-details[data-v-11ca16ac]{flex:1}.nickname[data-v-11ca16ac]{font-size:18px;font-weight:700;margin-bottom:3px}.uid[data-v-11ca16ac]{font-size:12px;color:#666;margin-bottom:3px}.coin[data-v-11ca16ac]{font-size:14px;font-weight:700;color:#c9a227}.refresh-btn[data-v-11ca16ac]{width:80px;height:80px;background:none;border:none}.refresh-btn[data-v-11ca16ac]:hover{transform:scale(1.1)}.refresh-icon[data-v-11ca16ac]{width:50px;height:50px;object-fit:contain}.close-btn[data-v-11ca16ac]{background:none;border:none}.close-btn[data-v-11ca16ac]:hover{transform:scale(1.1)}.close-icon[data-v-11ca16ac]{width:60px;height:60px;object-fit:contain}.game-container[data-v-11ca16ac]{position:fixed;bottom:20px;width:100%;max-width:100%;box-shadow:0 5px 30px #0000004d;border-radius:10px;overflow:hidden;margin-top:auto;border:2px solid #e0e0e0;align-self:center}.game-loading-overlay[data-v-11ca16ac]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.loader[data-v-11ca16ac]{border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;width:40px;height:40px;animation:spin-11ca16ac 1s linear infinite;margin-bottom:20px}@keyframes spin-11ca16ac{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-11ca16ac]{font-size:16px;font-weight:700;color:#333}.loading-dots[data-v-11ca16ac]{animation:dots-11ca16ac 1.5s infinite}@keyframes dots-11ca16ac{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.game-iframe-wrapper[data-v-11ca16ac]{position:relative}.game-iframe[data-v-11ca16ac]{border:none;display:block}.mobile-back-btn[data-v-11ca16ac]{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:15px 30px;background-color:#4caf50;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #0003;z-index:100}@media (max-width: 768px){.game-room[data-v-11ca16ac]{padding:10px;height:100vh}.top-bar[data-v-11ca16ac]{padding:10px 15px;margin-bottom:20px}.avatar[data-v-11ca16ac]{width:40px;height:40px}.nickname[data-v-11ca16ac]{font-size:14px}.uid[data-v-11ca16ac]{font-size:10px}.coin[data-v-11ca16ac]{font-size:12px}.close-btn[data-v-11ca16ac]{padding:8px 16px;font-size:12px}.mobile-back-btn[data-v-11ca16ac]{display:block}}