*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--app-height: 100dvh;--bg: #0A0E1A;--surface: #141828;--surface-alt: #1C2235;--border: #2A3050;--primary: #4F8EF7;--accent: #F7C04F;--success: #4FD98E;--danger: #F75F4F;--warning: #F7A34F;--text: #E8EAF6;--text-sub: #8890B0;--text-muted: #555E80}html,body,#root{height:var(--app-height);max-height:var(--app-height);overflow:hidden;background:var(--bg);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center;overflow-x:hidden}.app-shell{width:100%;max-width:480px;height:var(--app-height);max-height:var(--app-height);display:flex;flex-direction:column;position:relative;overflow:hidden}.loading-shell{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at top,rgba(79,142,247,.14),transparent 34%),var(--bg);color:var(--text)}.loading-shell__dots{display:inline-flex;align-items:center;gap:10px}.loading-shell__dots span{width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--primary));box-shadow:0 0 16px #4f8ef759;animation:loading-shell-bounce .9s ease-in-out infinite}.loading-shell__dots span:nth-child(2){animation-delay:.15s}.loading-shell__dots span:nth-child(3){animation-delay:.3s}.loading-shell__label{font-size:14px;color:var(--text-sub);letter-spacing:.08em}@keyframes loading-shell-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-7px);opacity:1}}button{cursor:pointer;border:none;outline:none;font-family:inherit}textarea,input{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.home-page{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px 24px calc(env(safe-area-inset-bottom,0px) + 24px);position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-bg-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.orb1{width:280px;height:280px;background:#4f8ef726;top:-60px;right:-60px}.orb2{width:220px;height:220px;background:#f7c04f1a;bottom:40px;left:-40px}.home-content{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;position:relative;z-index:1}.home-logo{font-size:72px;line-height:1;filter:drop-shadow(0 0 20px rgba(247,192,79,.5))}.home-title{font-size:36px;font-weight:900;color:var(--accent);letter-spacing:3px;text-shadow:0 0 30px rgba(247,192,79,.4)}.home-subtitle{font-size:15px;color:var(--text-sub);font-weight:600}.home-desc{font-size:14px;color:var(--text-muted);text-align:center;line-height:1.8;margin-top:4px}.home-rules{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;margin:8px 0}.rule-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-sub)}.rule-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.home-start-btn{width:100%;background:linear-gradient(135deg,var(--primary),#2D6FD9);color:#fff;font-size:18px;font-weight:800;border-radius:16px;padding:16px;letter-spacing:1px;box-shadow:0 8px 24px #4f8ef759;transition:box-shadow .2s}.home-start-btn:hover{box-shadow:0 12px 32px #4f8ef780}.home-mode-btns{width:100%;display:flex;flex-direction:column;gap:10px}.home-pvp-btn{width:100%;background:linear-gradient(135deg,#7c4dff,#5c35cc);color:#fff;font-size:18px;font-weight:800;border-radius:16px;padding:16px;letter-spacing:1px;box-shadow:0 8px 24px #7c4dff59;transition:box-shadow .2s}.home-pvp-btn:hover{box-shadow:0 12px 32px #7c4dff80}.home-count{font-size:13px;color:#e8eaf68c;margin:-4px 0 16px;letter-spacing:.3px}.home-count strong{color:#e8eaf6d9;font-weight:700}.home-guide{background:#4f8ef714;border:1px solid rgba(79,142,247,.2);border-radius:14px;padding:14px 16px;margin-bottom:16px;text-align:center}.guide-steps{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#e8eaf6bf;margin-bottom:10px}.guide-arrow{color:#4f8ef799}.guide-dismiss{background:#4f8ef733;border:1px solid rgba(79,142,247,.35);border-radius:8px;color:#4f8ef7;font-size:13px;font-weight:700;padding:7px 16px;cursor:pointer;transition:background .2s}.guide-dismiss:hover{background:#4f8ef74d}.home-tip{font-size:11px;color:var(--text-muted)}.home-invite-btn{margin-top:12px;background:transparent;border:1px solid rgba(79,142,247,.35);border-radius:10px;color:#4f8ef7d9;font-size:13px;font-weight:600;padding:9px 20px;cursor:pointer;transition:all .2s;letter-spacing:.3px}.home-invite-btn:hover{background:#4f8ef71a;border-color:#4f8ef799;color:#4f8ef7}