:root{color:#f8e7b5;background:#050506;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 40%,rgba(180,126,45,.14),transparent 38%),#050506}.app-shell{width:100%;height:100%}.game-host{position:fixed;inset:0;z-index:1;width:100vw;height:100vh;height:100dvh;display:grid;place-items:center;overflow:hidden;background:#050506;touch-action:none;-webkit-user-select:none;user-select:none}.game-host--hidden{pointer-events:none}.game-host canvas{display:block;width:100%;height:100%}.game-status{position:absolute;inset:0;display:grid;place-items:center;color:#f4d98a;font-size:16px;background:#050506}.screen{position:fixed;inset:0;z-index:10;width:100vw;height:100vh;height:100dvh;display:grid;place-items:center;overflow:hidden;background-color:#050506;background-size:cover;background-position:center;touch-action:none;-webkit-user-select:none;user-select:none}.screen-veil{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#0000002e,#050506d6 78%),linear-gradient(180deg,#05050659,#050506b3)}.login-card{position:relative;z-index:1;width:min(86vw,360px);padding:30px 26px 22px;border-radius:18px;background:linear-gradient(180deg,#120e08db,#080604eb);border:1px solid rgba(183,136,63,.7);box-shadow:0 12px 44px #0009,inset 0 0 26px #b7883f1f;display:flex;flex-direction:column;gap:14px}.login-title{margin:0;text-align:center;font-family:STKaiti,Kaiti SC,KaiTi,serif;font-size:34px;letter-spacing:8px;color:#ffe6a4;text-shadow:0 2px 12px rgba(255,180,60,.42)}.login-sub{margin:-6px 0 4px;text-align:center;font-size:13px;letter-spacing:3px;color:#c9a86a}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;letter-spacing:1px;color:#e7cd86}.login-field input{height:44px;padding:0 14px;border-radius:10px;border:1px solid rgba(183,136,63,.55);background:#0000006b;color:#f8e7b5;font-size:15px;outline:none}.login-field input::placeholder{color:#8a7647}.login-field input:focus{border-color:#e0bd63;box-shadow:0 0 0 2px #e0bd6338}.login-btn{margin-top:8px;height:48px;border:none;border-radius:12px;cursor:pointer;font-size:18px;letter-spacing:8px;font-weight:700;color:#2a1a06;background:linear-gradient(180deg,#ffe9a6,#d29b34);box-shadow:0 6px 18px #d2963266}.login-btn:active{transform:translateY(1px)}.login-hint{margin:2px 0 0;text-align:center;font-size:12px;color:#9a824f}.loading-box{position:relative;z-index:1;width:min(78vw,340px);display:flex;flex-direction:column;align-items:center;gap:16px}.loading-title{font-family:STKaiti,Kaiti SC,KaiTi,serif;font-size:30px;letter-spacing:8px;color:#ffe6a4;text-shadow:0 2px 12px rgba(255,180,60,.42)}.loading-bar{width:100%;height:14px;border-radius:8px;background:#00000080;border:1px solid rgba(183,136,63,.6);overflow:hidden}.loading-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#b9842f,#ffe9a6);box-shadow:0 0 10px #ffd27899;transition:width .18s ease}.loading-pct{font-size:14px;letter-spacing:2px;color:#e7cd86}.loading-detail{min-height:18px;max-width:100%;overflow:hidden;color:#f2d28eb8;font-size:12px;letter-spacing:1px;line-height:18px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.loading-notice{margin-top:-6px;font-size:11px;line-height:16px;letter-spacing:2px;color:#f2d28e80}.loading-emblem-wrap{position:relative;width:120px;height:120px;display:grid;place-items:center}.loading-swirl{position:absolute;inset:-14%;background-size:400% 400%;background-repeat:no-repeat;background-position:0% 0%;filter:drop-shadow(0 0 8px rgba(255,210,120,.5));opacity:.95;pointer-events:none}.loading-emblem{position:absolute;inset:0;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 12px rgba(255,200,90,.5));animation:dt-spin 3.6s linear infinite}@keyframes dt-spin{to{transform:rotate(360deg)}}.loading-bar-wrap{position:relative;width:100%}.loading-thumb{position:absolute;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 8px rgba(255,200,90,.75));pointer-events:none}.loading-fill{position:relative;overflow:hidden}.loading-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%);animation:dt-shimmer 1.5s ease-in-out infinite}@keyframes dt-shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.loading-title{animation:dt-glow 2.4s ease-in-out infinite}@keyframes dt-glow{0%,to{text-shadow:0 2px 12px rgba(255,180,60,.35)}50%{text-shadow:0 0 22px rgba(255,214,130,.75),0 2px 12px rgba(255,180,60,.5)}}.loading-dust{position:absolute;bottom:16px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff0bef2,#ffc85a00);opacity:0;pointer-events:none;animation:dt-rise 3.4s ease-in infinite}@keyframes dt-rise{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:.9}to{transform:translateY(-150px) scale(1.15);opacity:0}}@media(prefers-reduced-motion:reduce){.loading-emblem,.loading-fill:after,.loading-title,.loading-dust{animation:none}}