*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-deep: #080d17;--bg-panel: rgba(17, 24, 38, .72);--bg-panel-solid: rgba(20, 27, 42, .96);--line: rgba(148, 178, 214, .2);--line-strong: rgba(148, 178, 214, .34);--text-main: #eef3fa;--text-dim: #9fb2c8;--text-faint: #6c7e96;--gold: #ffd479;--gold-deep: #e8a33c;--amber: #f5c542;--cyan: #7fd0e8;--danger: #ff8f7d;--radius-lg: 22px;--radius-md: 14px;--shadow-card: 0 22px 60px rgba(0, 0, 0, .55), 0 2px 10px rgba(0, 0, 0, .35)}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text-main);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}.hidden{display:none!important}.screen{position:fixed;inset:0;width:100%;height:100%}button{font-family:inherit;cursor:pointer;border:none}#screen-menu{display:flex;align-items:center;justify-content:center;background:radial-gradient(1100px 560px at 78% -12%,rgba(245,197,66,.14),transparent 62%),radial-gradient(820px 620px at 8% 112%,rgba(90,160,220,.16),transparent 62%),linear-gradient(180deg,#0a1020,#070b14 68%,#0a0e18);overflow:hidden}.menu-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 300px at 24% 28%,rgba(120,160,210,.1),transparent 70%),radial-gradient(520px 360px at 78% 76%,rgba(245,197,66,.08),transparent 70%);filter:blur(8px);animation:bgDrift 11s ease-in-out infinite alternate}@keyframes bgDrift{0%{transform:scale(1) translateY(0);opacity:.7}to{transform:scale(1.12) translateY(-18px);opacity:1}}.menu-panel{width:min(470px,92vw);padding:34px 32px 26px;border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--line);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);box-shadow:var(--shadow-card);text-align:center;animation:panelIn .45s cubic-bezier(.2,.9,.3,1) both}@keyframes panelIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-brand{margin-bottom:26px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;font-size:40px;border-radius:50%;margin-bottom:10px;background:radial-gradient(circle at 32% 28%,#fff5d7eb,#e8a33c8c 70%),#201503;box-shadow:0 10px 34px #f5c54252,inset 0 1px #ffffff59}.brand-chip{display:inline-block;padding:3px 12px;margin-bottom:10px;font-size:11px;letter-spacing:3px;color:var(--text-dim);border:1px solid var(--line);border-radius:999px;background:#ffffff08}.menu-title{font-size:36px;letter-spacing:3px;font-weight:700;color:#fdf6e6;text-shadow:0 4px 22px rgba(245,197,66,.3);margin-bottom:4px}.menu-subtitle{color:var(--text-dim);font-size:13px;letter-spacing:1px}.menu-buttons{display:flex;flex-direction:column;gap:13px;margin-bottom:22px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;font-size:16px;border-radius:var(--radius-md);font-weight:600;letter-spacing:.5px;transition:transform .1s ease,box-shadow .24s ease,filter .24s ease}.btn:active{transform:translateY(1px) scale(.985)}.btn-icon{font-size:17px}.btn-primary{background:linear-gradient(135deg,#ffd479,#f2ad3e 62%,#e08b2e);color:#221503;box-shadow:0 10px 26px #f5c5424d,inset 0 1px #ffffff8c}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 14px 32px #f5c5426b,inset 0 1px #fff9;transform:translateY(-1px)}.btn-secondary{background:#2a385080;color:#d9e6f3;border:1px solid var(--line-strong);box-shadow:inset 0 1px #ffffff0f}.btn-secondary:hover{background:#384a689e;transform:translateY(-1px);box-shadow:0 10px 24px #3c5a8c3d}.btn-small{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;border-radius:10px;background:#141e2ec7;color:#d6e3f0;border:1px solid var(--line);backdrop-filter:blur(10px);transition:background .2s ease}.btn-small:hover{background:#243248e0}.menu-tips{text-align:left;list-style:none;padding:14px 16px;border-radius:var(--radius-md);background:#0003;border:1px solid rgba(148,178,214,.12);color:var(--text-dim);font-size:12.5px;line-height:2.05}.menu-tips b{color:var(--gold);font-weight:600;margin-right:2px}.menu-tips li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:10px;background:linear-gradient(135deg,var(--gold),var(--amber));box-shadow:0 0 8px #f5c542b3;vertical-align:middle}.global-error{margin-top:16px;padding:10px 14px;border-radius:12px;color:#ffd9d2;background:#78201659;border:1px solid rgba(255,143,125,.45);font-size:13px;line-height:1.5;text-align:left}#screen-game{background:#000}#game-holder{position:absolute;inset:0;z-index:1}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;pointer-events:none;z-index:5}.crosshair-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px 2px #f5c542a6}.spotlight-overlay{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0px,transparent 8.6vw,rgba(0,0,0,.03) 8.8vw,rgba(0,0,0,.8) 17vw,rgba(0,0,0,.965) 32vw)}.spotlight-overlay .spot-ring{position:absolute;left:50%;top:50%;width:17.6vw;height:17.6vw;transform:translate(-50%,-50%);border:2px solid rgba(255,230,150,.9);border-radius:50%;box-shadow:0 0 30px #ffe696bf,inset 0 0 30px #ffe69647}.hud{position:absolute;inset:0;pointer-events:none;z-index:6}.hud-top{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hud-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:999px;background:#0a101a9e;border:1px solid rgba(148,178,214,.24);font-size:14px;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000059;color:#dfe9f4}.hud-badge span{color:var(--gold)}.hud-light{position:absolute;left:16px;bottom:16px;font-size:12px;padding:6px 13px;border-radius:10px;background:#0a101a99;border:1px solid rgba(148,178,214,.22);color:var(--text-dim);backdrop-filter:blur(8px);transition:color .25s ease}.hud-spot{position:absolute;right:16px;bottom:16px;font-size:12px;padding:6px 13px;border-radius:10px;background:#0a101a99;border:1px solid rgba(245,197,66,.4);color:var(--gold);display:none;backdrop-filter:blur(8px)}.hud-spot.on{display:block;animation:pulse 1.3s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hud-tip{position:absolute;left:50%;bottom:7px;transform:translate(-50%);font-size:11px;color:#cddcec99;white-space:nowrap;background:#0a101a6b;padding:4px 12px;border-radius:999px;backdrop-filter:blur(6px)}.interact-hint{position:absolute;left:50%;bottom:64px;transform:translate(-50%);padding:6px 14px;border-radius:8px;background:#0a0e16b8;border:1px solid rgba(255,214,130,.55);color:#ffd682;font-size:13px;letter-spacing:1px;pointer-events:none;white-space:nowrap;animation:hintPulse 1.2s ease-in-out infinite;z-index:5}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.55}}.toast{position:absolute;left:50%;top:17%;transform:translate(-50%,-50%);z-index:20;padding:10px 22px;border-radius:999px;background:#0a101ad1;border:1px solid rgba(245,197,66,.5);color:#f9edc9;font-size:14px;font-weight:600;pointer-events:none;transition:opacity .3s ease;white-space:nowrap;backdrop-filter:blur(10px);box-shadow:0 8px 26px #00000073}.toast.show{opacity:1}.toast.op{opacity:0}.win-panel{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#04080ea8;backdrop-filter:blur(4px)}.win-box{width:min(400px,90vw);padding:32px 28px;border-radius:var(--radius-lg);background:var(--bg-panel-solid);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow-card);animation:panelIn .35s ease both}.win-box h2{margin-bottom:10px;color:var(--gold);font-size:24px;letter-spacing:1px}.win-box p{color:var(--text-dim);margin-bottom:22px}.win-buttons{display:flex;flex-direction:column;gap:12px}.joystick{position:absolute;left:22px;bottom:86px;width:110px;height:110px;border-radius:50%;border:2px solid rgba(148,178,214,.34);background:#0a101a52;z-index:12;pointer-events:none;backdrop-filter:blur(4px);box-shadow:inset 0 0 24px #0000006b}.joy-knob{position:absolute;left:calc(50% - 26px);bottom:calc(50% - 26px);width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffe7ad,var(--amber) 72%);box-shadow:0 2px 12px #00000080,0 0 0 6px #ffffff0a;z-index:13;pointer-events:none;transform:translate(0)}#screen-realmode{background:#000}.cam-wrap{position:relative;width:100%;height:100%;overflow:hidden}#cam-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);background:#060a10}.cam-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:14px 16px;z-index:6;background:linear-gradient(rgba(0,0,0,.62),transparent)}.cam-title{font-size:15px;font-weight:600;letter-spacing:1px;color:#f0f4fa}.cam-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 14px calc(18px + env(safe-area-inset-bottom));z-index:6;background:linear-gradient(transparent,#000000ad)}.cam-zoom{display:flex;align-items:center;gap:7px;color:#d7e4f1;font-size:12px}.cam-zoom input[type=range]{width:92px;accent-color:var(--amber)}.btn-cam-snap{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#dfe6ef 78%);border:4px solid rgba(255,255,255,.92);box-shadow:0 0 0 4px #00000080,0 4px 18px #0006;font-size:22px;line-height:1;transition:transform .08s ease}.btn-cam-snap:active{transform:scale(.9)}.cam-flash{position:absolute;inset:0;background:#fff;z-index:8;opacity:0;pointer-events:none}.cam-flash.flash-on{animation:camFlash .7s ease-out}@keyframes camFlash{0%{opacity:.95}to{opacity:0}}.cam-magnifier{position:absolute;width:220px;height:220px;border-radius:50%;border:2px solid rgba(255,230,150,.9);box-shadow:0 0 0 999px #0000009e,0 0 26px #ffe696b8;background-repeat:no-repeat;z-index:5;pointer-events:none;overflow:hidden}.cam-enhance-hint{position:absolute;top:92px;left:50%;transform:translate(-50%);z-index:7;padding:8px 18px;border-radius:999px;background:#0a101acc;border:1px solid rgba(245,197,66,.5);color:#f9edc9;font-size:13px;font-weight:600;pointer-events:none;white-space:nowrap;backdrop-filter:blur(8px)}.cam-snap{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:7;background:#000}.cam-snap-bar{position:absolute;bottom:92px;left:50%;transform:translate(-50%);z-index:9;display:flex;gap:12px}#screen-wiki{display:flex;align-items:center;justify-content:center;background:radial-gradient(1000px 520px at 12% -10%,rgba(90,160,220,.14),transparent 60%),radial-gradient(860px 620px at 92% 110%,rgba(245,197,66,.1),transparent 60%),linear-gradient(180deg,#0a1020,#070b14);overflow:hidden}.wiki-panel{width:min(860px,94vw);max-height:min(88vh,720px);display:flex;flex-direction:column;padding:22px 24px 20px;border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--line);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);box-shadow:var(--shadow-card);animation:panelIn .4s ease both}.wiki-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.wiki-title{font-size:20px;letter-spacing:2px;color:var(--gold)}.wiki-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.wiki-tab.active{background:linear-gradient(135deg,#ffd479,#f2ad3e);color:#221503;border-color:transparent;font-weight:700}.wiki-sec{flex:1;overflow-y:auto;padding:4px 6px 14px 8px;text-align:left;scrollbar-width:thin;scrollbar-color:rgba(120,150,190,.4) transparent}.wiki-sec h3{color:var(--gold);font-size:17px;margin-bottom:14px;letter-spacing:1px}.wiki-sec h4{color:var(--cyan);font-size:14.5px;margin:14px 0 6px}.wiki-sec p{color:var(--text-dim);font-size:14px;line-height:1.9;margin-bottom:4px}.wiki-sec ul{padding-left:6px;list-style:none}.wiki-sec li{color:var(--text-dim);font-size:14px;line-height:1.85}.wiki-links li{padding:12px 14px;margin-bottom:10px;border-radius:var(--radius-md);background:#00000038;border:1px solid rgba(148,178,214,.14)}.wiki-links a{display:inline-block;margin:4px 10px 0 0;color:var(--amber);text-decoration:underline dotted;font-weight:600;font-size:13px}.wiki-note{margin-top:8px;font-size:12px;color:var(--text-faint)}.btn-fullscreen{position:fixed;top:14px;right:14px;z-index:999;padding:7px 13px;font-size:12.5px;background:#0c121ea8;color:var(--text-dim);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-fullscreen:hover{color:var(--gold);border-color:#f5c54273}#screen-game .btn-fullscreen,#screen-realmode .btn-fullscreen{opacity:.6;z-index:40}@media (max-width: 760px),(max-height: 540px){.menu-title{font-size:clamp(22px,6vw,30px);letter-spacing:1px}.brand-icon{width:58px;height:58px;font-size:32px}.menu-panel{padding:22px 18px 18px;max-height:92vh;overflow-y:auto}.btn{padding:11px 16px;font-size:15px}.btn-small{padding:6px 10px;font-size:12px}.menu-tips{font-size:11.5px;line-height:1.9}.hud-badge{font-size:12px;padding:5px 11px}.hud-tip{font-size:10px;max-width:92vw;overflow:hidden;text-overflow:ellipsis}.win-box{max-height:90vh;overflow-y:auto}.win-box p{font-size:13px;white-space:normal}.wiki-title{font-size:16px}.wiki-panel{max-height:92vh}.wiki-sec p,.wiki-sec li{font-size:13px}.cam-controls{flex-wrap:wrap;gap:10px}.cam-topbar{padding-top:calc(10px + env(safe-area-inset-top))}}@media (max-height: 460px){.menu-panel{max-height:96vh;padding:14px 16px 12px}.menu-brand{margin-bottom:10px}.brand-icon{width:44px;height:44px;font-size:24px}.menu-title{font-size:20px}.menu-subtitle{font-size:11px}.menu-buttons{margin-bottom:10px}}