:root{--ink: #eaf2ff;--dim: #93a6c2;--gold: #ffd166;--green: #7ce38b;--red: #ff7a7a;--panel: rgba(14, 21, 33, .88);--line: rgba(120, 160, 210, .22)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0d1420;color:var(--ink);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}#world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud-top{position:fixed;top:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 8px 12px;background:linear-gradient(180deg,#080d16eb,#080d1600);padding-top:calc(8px + env(safe-area-inset-top));pointer-events:none}.stat{background:#101927b8;border:1px solid var(--line);border-radius:12px;padding:5px 8px;display:flex;flex-direction:column;gap:1px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:0}.stat .label{font-size:10px;color:var(--dim);letter-spacing:.08em}.stat b{font-size:16px;font-variant-numeric:tabular-nums;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat b.wide{font-size:14px}.stat .sub{font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat .sub.on{color:var(--green)}#lb{position:fixed;top:74px;right:8px;width:132px;padding:6px 8px;background:#10192799;border:1px solid var(--line);border-radius:10px;font-size:11px;color:var(--dim);pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#lb .row{display:flex;justify-content:space-between;gap:6px;line-height:1.6}#lb .row b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}#lb .row.me b,#lb .row.me span{color:var(--gold)}#hatch-list{position:fixed;top:74px;left:8px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.hatch{width:118px;padding:4px 7px 6px;background:#101927b8;border:1px solid var(--line);border-radius:9px;font-size:10px;color:var(--dim)}.hatch .bar{height:3px;border-radius:2px;background:#ffffff1f;margin-top:3px;overflow:hidden}.hatch .bar i{display:block;height:100%;background:linear-gradient(90deg,#7c5cff,#a88bff)}#carry-badge{position:fixed;left:50%;transform:translate(-50%);bottom:calc(150px + env(safe-area-inset-bottom));padding:6px 12px;border-radius:999px;background:#141e30e6;border:1px solid var(--line);font-size:12px;white-space:nowrap;pointer-events:none}#carry-badge b{font-weight:700}#carry-badge .hint{color:var(--dim);margin-left:6px;font-size:11px}#toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(202px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:5px;width:min(84vw,400px);pointer-events:none}.toast{padding:6px 11px;border-radius:9px;font-size:12px;line-height:1.35;background:#121b2beb;border:1px solid var(--line);animation:tin .18s ease-out;text-align:center}.toast.good{border-color:#7ce38b80;color:#d8ffdf}.toast.bad{border-color:#ff7a7a80;color:#ffdada}.toast.out{opacity:0;transform:translateY(-4px);transition:.3s}@keyframes tin{0%{opacity:0;transform:translateY(-6px)}}#joy{position:fixed;left:18px;bottom:calc(24px + env(safe-area-inset-bottom));width:118px;height:118px;border-radius:50%;background:radial-gradient(circle,#5a8cd229,#141e3047);border:1px solid var(--line);touch-action:none}#joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9fc7ff,#4d7bb5);box-shadow:0 4px 14px #00000073;transition:transform .06s linear}#btns{position:fixed;right:14px;bottom:calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.act{width:74px;height:46px;border-radius:14px;border:1px solid rgba(140,190,255,.35);background:linear-gradient(180deg,#345c94f2,#1c304ef2);color:var(--ink);font-size:13px;font-weight:600;position:relative;overflow:hidden;font-family:inherit}.act:active{transform:scale(.96)}.act.ghost{background:#141e30d9}.act i{position:absolute;left:0;bottom:0;height:2px;width:0%;background:var(--gold);transition:width .1s linear}#panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0509109e;display:flex;align-items:flex-end;justify-content:center;padding:0 10px calc(10px + env(safe-area-inset-bottom))}.panel-card{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px 16px 12px 12px;padding:12px 14px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-head b{font-size:15px}#panel-close{background:none;border:none;color:var(--dim);font-size:16px;padding:4px}.up-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid rgba(120,160,210,.12)}.up-title{font-size:13px;font-weight:600}.up-title span{color:var(--gold);font-variant-numeric:tabular-nums}.up-desc{font-size:11px;color:var(--dim);margin-top:2px;line-height:1.35}.buy{flex:0 0 auto;min-width:78px;height:38px;border-radius:10px;border:1px solid rgba(255,209,102,.45);background:#ffd16624;color:var(--gold);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;font-family:inherit}.buy:disabled{border-color:var(--line);background:#ffffff0d;color:#6f7f96}.panel-foot{margin:10px 0 0;font-size:11px;color:var(--dim);line-height:1.4}#start{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 50% 30%,#1b2a44,#070b12 70%)}.start-card{width:min(400px,100%);background:#101927eb;border:1px solid var(--line);border-radius:20px;padding:20px 18px 16px;text-align:center;box-shadow:0 24px 60px #00000080}.start-card h1{margin:0 0 4px;font-size:30px;letter-spacing:.06em;background:linear-gradient(100deg,#ffe08a,#7ce3a0 60%,#7cc8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0 0 14px;font-size:12px;color:var(--dim)}.rules{text-align:left;margin:0 0 14px;padding:0 0 0 2px;list-style:none;font-size:12px;line-height:1.75;color:#c6d5ea}.rules li:before{content:"▸ ";color:var(--gold)}.rules b{color:var(--ink)}#name-input{width:100%;height:44px;border-radius:12px;border:1px solid var(--line);background:#090f19e6;color:var(--ink);font-size:14px;padding:0 12px;font-family:inherit;text-align:center}#btn-start{width:100%;height:48px;margin-top:10px;border-radius:13px;border:none;font-size:16px;font-weight:700;font-family:inherit;color:#08111c;background:linear-gradient(100deg,#ffe08a,#7ce3a0 55%,#7cc8ff)}#btn-start:active{transform:scale(.985)}.tip{margin:10px 0 0;font-size:11px;color:#6f7f96;line-height:1.5}@media(max-width:380px){.stat b{font-size:14px}#lb{display:none}}@media(min-width:900px){#joy{display:none}#toasts{top:calc(96px + env(safe-area-inset-top));bottom:auto}#carry-badge{bottom:calc(96px + env(safe-area-inset-bottom))}#kb-hint{display:block}body{cursor:crosshair}}#kb-hint{display:none;position:fixed;left:16px;bottom:16px;font-size:12px;color:#6f7f96;letter-spacing:.04em}