:root{--bg: #0d0303;--gold: #c9a961;--gold-bright: #ffd86a;--nav-h: 58px;--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at top,#3a0e0e,#0d0303 70%);color:var(--gold);overscroll-behavior-y:none;-webkit-user-select:none;user-select:none;min-height:100vh;min-height:100dvh}input,button,textarea,select{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}a{color:inherit;text-decoration:none}.app-shell{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1 1 auto;position:relative;overflow:hidden}.app-shell.with-nav .app-main{padding-bottom:0}.game-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.bottom-nav{flex:0 0 auto;display:flex;align-items:stretch;justify-content:space-around;height:calc(var(--nav-h) + var(--sab));padding-bottom:var(--sab);background:linear-gradient(180deg,#140808f5,#080303fa);border-top:1px solid rgba(201,169,97,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.bottom-nav a{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8b6f3a;font-size:11px;letter-spacing:1px;transition:color .2s}.bottom-nav a.active{color:var(--gold-bright)}.bottom-nav .nav-ico{font-size:20px;line-height:1}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(16px + var(--sat)) 16px 16px}.page-title{font-size:18px;font-weight:800;color:var(--gold-bright);letter-spacing:2px;margin-bottom:16px}.card{background:linear-gradient(180deg,#2a080899,#0d030399);border:1px solid rgba(201,169,97,.25);border-radius:14px;padding:16px;margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:13px 16px;border:none;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:transform .12s,opacity .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4}.btn-primary{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#2a0808}.btn-ghost{background:#0000004d;border:1.5px solid var(--gold);color:var(--gold)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:#8b6f3a;margin-bottom:6px}.field input{width:100%;padding:12px 14px;background:#00000059;border:1px solid rgba(201,169,97,.3);border-radius:10px;color:var(--gold-bright);font-size:15px}.field input:focus{outline:none;border-color:var(--gold-bright)}.muted{color:#8b6f3a;font-size:12px}.center{text-align:center}.row{display:flex;gap:10px;align-items:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}