*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0a0e14;color:#cfe3f5;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#hud .top{position:absolute;top:0;left:0;right:0;display:flex;gap:16px;align-items:center;padding:10px 56px 10px 14px;background:linear-gradient(180deg,#05080ce0,#05080c00);font-size:14px;letter-spacing:.06em}#hud .top b{color:#ffd873;font-size:18px;font-variant-numeric:tabular-nums}#wave{color:#8fd0ff}#timer{color:#67808f;font-variant-numeric:tabular-nums}#pause-btn{pointer-events:auto;margin-left:auto;background:#141e28b3;border:1px solid #33506a;color:#cfe3f5;width:34px;height:34px;border-radius:6px;font-size:15px;cursor:pointer}#boss{position:absolute;top:56px;left:50%;transform:translate(-50%);width:min(420px,70vw);text-align:center;font-size:12px;color:#ff9a9a;letter-spacing:.25em}#boss .track,.xp .track{height:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;overflow:hidden;margin-top:4px}#boss-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4a4a,#ff8a3c);transition:width .15s}.xp{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(0deg,#05080ce0,#05080c00);font-size:13px}.xp b{color:#7dffa8}.xp .track{flex:1}#xp-fill{height:100%;width:0;background:linear-gradient(90deg,#35e07a,#a8ff6a);transition:width .15s}#mute{position:fixed;top:12px;right:12px;z-index:20;width:34px;height:34px;background:#141e28b3;border:1px solid #33506a;border-radius:6px;color:#cfe3f5;font-size:15px;cursor:pointer}.screen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:#060a10b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto}@supports (justify-content: safe center){.screen{justify-content:safe center}}#title h1{font-size:clamp(38px,8vw,64px);letter-spacing:.18em;color:#ffd873;text-shadow:0 0 24px rgba(255,120,40,.45)}.sub{color:#6fa8dc;letter-spacing:.3em;font-size:12px}.desc{max-width:480px;color:#9fb8cc;line-height:1.7;font-size:13px}#title{padding:0}#title:before{position:fixed}.title-inner{margin:auto;width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px}#title .primary{padding:12px 0;width:min(80vw,380px)}.title-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px}.title-status .sep{color:#3a4a56}.title-status .best{font-size:13px}.title-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px}.title-links .text-button{padding:12px 18px;font-size:15px;border-radius:10px;min-width:88px}#genome h2{color:#ff9a6a;letter-spacing:.15em}#genome .codename{font-size:17px;margin-bottom:14px}#genome #gene-bars{width:min(86vw,420px)}#genome .gene-row{margin:7px 0;gap:12px}#genome .gene-label{font-size:12px;width:3.5em}#genome .gene-track{height:8px;border-radius:4px}#genome .hint{max-width:420px}.primary{pointer-events:auto;margin-top:8px;padding:14px 44px;font-size:17px;letter-spacing:.12em;color:#06121c;background:linear-gradient(180deg,#ffd873,#ff9a3c);border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 24px #ff963c59;font-weight:700}.primary:hover{filter:brightness(1.1)}.best{color:#67808f;font-size:13px}.best b{color:#ffd873}#player-name{color:#9fd0ff;font-size:13px;letter-spacing:.05em}#player-edit{background:#14212e;border:1px solid #2c4a63;border-radius:5px;color:#67808f;font-size:12px;padding:2px 8px;cursor:pointer}#player-edit:hover{color:#ffd873;border-color:#ffd873}#player-name-input{width:9em;background:#0d1620;border:1px solid #4f7ea0;border-radius:6px;color:#cfe3f5;padding:4px 8px;font-size:13px;text-align:center;outline:none}#levelup h2{color:#7dffa8;letter-spacing:.15em;font-size:22px}#levelup h2 em{color:#cfe3f5;font-style:normal;margin-left:10px}#cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:760px;pointer-events:auto}.card{width:210px;padding:16px 14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;background:linear-gradient(180deg,#14212e,#0d1620);border:1px solid #2c4a63;border-radius:10px;color:#cfe3f5;cursor:pointer;transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-4px);border-color:#ffd873}.card .key{color:#4f7ea0;border:1px solid #2c4a63;border-radius:4px;padding:0 7px;font-size:12px}.card b{font-size:16px;color:#ffd873}.card small{color:#9fb8cc;line-height:1.55;font-size:12.5px}.card em{color:#4f7ea0;font-style:normal;font-size:11px;letter-spacing:.08em}.hint{color:#67808f;font-size:12px}.report{display:flex;gap:26px;margin:6px 0}.report div{display:flex;flex-direction:column;gap:4px}.report i{color:#67808f;font-style:normal;font-size:12px;letter-spacing:.1em}.report b{font-size:26px;color:#ffd873;font-variant-numeric:tabular-nums}#gameover h2{color:#ff6a6a;letter-spacing:.2em;font-size:34px}#pause h2{letter-spacing:.2em}.intent{color:#ff9a6a;font-style:italic;letter-spacing:.1em}#hive{position:absolute;left:14px;bottom:64px;max-width:70vw;display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:#140818c7;border:1px solid #6a2a5a;border-left:3px solid #c84aff;border-radius:8px;font-size:13px;color:#e8c8ff}.hive-tag{font-size:10px;letter-spacing:.3em;color:#a86ae8}.evo{display:flex;flex-direction:column;gap:6px;padding:12px 20px;background:#1e100899;border:1px solid #5a3a20;border-radius:8px}.evo-gen{color:#ff9a6a;font-size:12px;letter-spacing:.2em}.evo-line{color:#ffd873;font-size:14px}.evo-cause{color:#b8a088;font-size:12px}#officer{position:absolute;right:14px;top:96px;max-width:66vw;display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:#081420d1;border:1px solid #2c4a63;border-right:3px solid #4fa8ff;border-radius:8px;font-size:13px;color:#cfe8ff;box-shadow:0 0 16px #50a0ff2e}.officer-tag{font-size:10px;letter-spacing:.3em;color:#6fa8dc}.codename{color:#ff9a6a;font-size:14px;letter-spacing:.1em;margin-bottom:5px;text-shadow:0 0 12px rgba(255,120,40,.25)}.gene-row{display:flex;align-items:center;gap:8px;margin:2px 0}.gene-label{width:3em;text-align:right;color:#8a7a66;font-size:10px;flex:none}.gene-track{flex:1;height:4px;background:#ffffff12;border-radius:3px;overflow:hidden}.gene-fill{height:100%;background:linear-gradient(90deg,#5a8a4a,#9aca6a);border-radius:3px;transition:width .4s}.gene-delta{width:1.2em;font-size:12px;flex:none}.gene-delta.up{color:#7dffa8}.gene-delta.down{color:#ff8a7a}.gene-delta.flat{color:#55606a}.evo-bars{width:100%;margin-top:10px;display:flex;flex-direction:column;gap:2px}.evo-bars .gene-label{color:#a08a70}#meta .meta-tp{color:#7dffa8;font-size:15px;letter-spacing:.1em}#meta .meta-tp b{color:#ffd873;font-size:20px}#meta-rows{display:flex;flex-direction:column;gap:6px;width:min(86vw,440px);padding:6px 0 12px}.meta-row{display:flex;align-items:center;gap:8px;font-size:13px}.meta-label{width:4.5em;color:#cfe3f5;flex:none}.meta-desc{flex:1;color:#67808f;font-size:11px}.meta-lv{width:3.6em;color:#7dffa8;text-align:right;font-variant-numeric:tabular-nums}.meta-buy{width:76px;padding:5px 0;background:#1d3a2e;border:1px solid #2a5a45;border-radius:6px;color:#7dffa8;font-size:12px;cursor:pointer}.meta-buy:hover:not(:disabled){border-color:#7dffa8}.meta-buy:disabled{color:#4a5a52;border-color:#2a3a32;cursor:default}.meta-hint{color:#4f7ea0;font-size:11px;margin-bottom:10px}.tp-earn{color:#7dffa8}.craft-budget-line{color:#7dffa8;font-size:15px;letter-spacing:.1em}.craft-budget-line b{color:#ffd873;font-size:20px}.craft-budget-track{width:min(86vw,440px);height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin:6px 0 10px}#craft-budget-bar{height:100%;width:0;background:linear-gradient(90deg,#5a8a4a,#c9a84a);border-radius:4px}.craft-name{width:min(86vw,440px);background:#0d1620;border:1px solid #2c4a63;border-radius:6px;color:#cfe3f5;padding:8px 10px;font-size:14px;text-align:center;outline:none}#craft-rows{display:flex;flex-direction:column;gap:5px;width:min(86vw,440px);padding:10px 0}.craft-row{display:flex;align-items:center;gap:8px;font-size:13px}.craft-label{width:4em;text-align:right;color:#cfe3f5}.craft-step{width:30px;height:30px;border-radius:6px;border:1px solid #2c4a63;background:#14212e;color:#9fd0ff;font-size:16px;cursor:pointer}.craft-val{width:2em;text-align:center;color:#ffd873;font-variant-numeric:tabular-nums}.craft-cost{width:4.5em;color:#67808f;font-size:11px}.craft-actions{display:flex;gap:12px;margin-top:6px}.craft-hint{color:#4f7ea0;font-size:11px;max-width:min(86vw,440px)}#craft-mine{display:flex;flex-direction:column;gap:4px;width:min(86vw,440px);margin-top:12px}.craft-mine-row{display:flex;gap:8px;align-items:center;padding:5px 10px;background:#0c18148c;border:1px solid #2a3a32;border-radius:6px;font-size:13px}.craft-mine-row span{flex:1;text-align:left;color:#cfe3f5}.craft-mine-row button{padding:3px 10px;font-size:11px;background:#16324a;border:1px solid #2c4a63;border-radius:5px;color:#9fd0ff;cursor:pointer}.craft-mine-row.eq{border-color:#ffd873}#share{overflow-y:auto}#share h2{color:#ffd873;letter-spacing:.2em}#share-canvas{width:min(76vw,330px,calc((100vh - 230px) / 1.611));height:auto;border:1px solid #2c4a63;border-radius:12px;box-shadow:0 0 32px #ff963c29;background:#0a0e14}.share-actions{display:flex;gap:12px;align-items:center}#share-msg{color:#4f7ea0;font-size:12px;min-height:1.2em}.ach{width:min(86vw,420px);padding:10px 18px;background:linear-gradient(180deg,#3c280c80,#1e140880);border:1px solid #a08a3a;border-radius:10px}.ach-title{color:#ffd873;font-size:13px;letter-spacing:.2em;margin-bottom:6px}.ach-item{color:#fff2c8;font-size:13px;padding:2px 0}#achpanel-list,#ws-list{display:flex;flex-direction:column;gap:6px;width:min(86vw,480px);max-height:55vh;overflow-y:auto;padding:4px}.achp-row{display:flex;gap:10px;align-items:baseline;padding:7px 12px;background:#0c121c8c;border:1px solid #22303c;border-radius:8px}.achp-row.got{border-color:#a08a3a;background:#3c280c66}.achp-name{color:#ffd873;width:9em;flex:none;font-size:13px}.achp-row.got .achp-name{color:#fff2c8}.achp-desc{color:#67808f;font-size:12px;text-align:left}.ws-row{padding:8px 12px;background:#0c18148c;border:1px solid #2a5a45;border-radius:8px}.ws-info{display:flex;flex-direction:column;gap:2px}.ws-name{color:#7dffa8;font-size:14px;text-align:left}.ws-sum{color:#67808f;font-size:11.5px;text-align:left}.ws-use{align-self:flex-start;margin-top:4px;padding:4px 16px;background:#1d3a2e;border:1px solid #2a5a45;border-radius:6px;color:#7dffa8;font-size:12px;cursor:pointer}#world-list{display:flex;flex-direction:column;gap:8px;width:min(86vw,480px);max-height:52vh;overflow-y:auto;padding:4px}.world-row{display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:#0c121c8c;border:1px solid #22303c;border-radius:8px;color:#cfe3f5;cursor:pointer;text-align:left;pointer-events:auto}.world-row:hover{border-color:#4f7ea0}.world-row.selected{border-color:#ffd873;background:#3c280c66}.world-name{color:#ffd873;font-size:14px}.world-row:not(.selected) .world-name{color:#9fd0ff}.world-desc{color:#67808f;font-size:12px}#world-gen{margin-top:4px}.rank-tabs{display:flex;gap:8px}.rank-tabs button{padding:7px 18px;font-size:13px;background:#14212e;border:1px solid #2c4a63;border-radius:8px;color:#67808f;cursor:pointer;pointer-events:auto}.rank-tabs button:hover{color:#cfe3f5}.rank-tabs button.active{color:#ffd873;border-color:#a08a3a;background:#3c280c59}.rank-pager{display:flex;align-items:center;gap:14px}.rank-pager button{padding:7px 16px;font-size:13px;background:#14212e;border:1px solid #2c4a63;border-radius:8px;color:#9fd0ff;cursor:pointer;pointer-events:auto}.rank-pager button:hover:not(:disabled){border-color:#ffd873;color:#ffd873}.rank-pager button:disabled{color:#3a4a56;border-color:#22303c;cursor:default}#rank-page{color:#67808f;font-size:13px;font-variant-numeric:tabular-nums}.lb{width:min(86vw,420px);padding:12px 18px;background:#0a121c99;border:1px solid #2c4a63;border-radius:10px}.lb-title{color:#8fd0ff;font-size:13px;letter-spacing:.15em;margin-bottom:8px}.lb-title i{color:#4f7ea0;font-style:normal;font-size:11px}#lb-list,#rank-ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}#lb-list li,#rank-ol li{display:flex;gap:10px;align-items:baseline;font-size:13px;padding:2px 6px;border-radius:4px}#lb-list li.me,#rank-ol li.me{background:#ffc8501f;border:1px solid rgba(255,200,80,.3)}.lb-rank{width:2.4em;color:#4f7ea0;font-variant-numeric:tabular-nums}.lb-name{flex:1;text-align:left;color:#cfe3f5}.lb-kills{color:#ffd873;font-variant-numeric:tabular-nums}.lb-time{color:#67808f;font-size:12px;font-variant-numeric:tabular-nums}.lb-me{color:#67808f;font-size:11px;margin-top:8px}.secondary-btn{padding:12px 34px;font-size:15px;color:#cfe3f5;background:#14212e;border:1px solid #2c4a63;border-radius:10px;cursor:pointer}.secondary-btn:hover{border-color:#ffd873;color:#ffd873}.go-mode{font-size:15px}#title .primary{width:min(80vw,420px);padding-left:0;padding-right:0}.text-button{background:#14212e;border:1px solid #2c4a63;color:#cfe3f5;font-size:15px;padding:12px 34px;border-radius:10px;cursor:pointer;pointer-events:auto;text-decoration:none}.text-button:hover{border-color:#ffd873;color:#ffd873}#skills{position:absolute;right:10px;bottom:56px;display:grid;grid-template-columns:repeat(2,auto);gap:8px;justify-items:center;pointer-events:auto;z-index:6}.skill{position:relative;width:52px;height:52px;border-radius:50%;border:1px solid #33506a;background:#101c28d9;color:#cfe3f5;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.skill b{font-size:14px;color:#67808f;line-height:1}.skill .ic{width:17px;height:17px;color:#67808f}.skill span{font-size:9px;color:#67808f;transform:scale(.85);white-space:nowrap}.skill .cd-mask{position:absolute;left:0;right:0;top:0;height:0;background:#05080cc7;pointer-events:none}.skill.ready{border-color:#ffd873;box-shadow:0 0 10px #ffc85059}.skill.ready .ic{color:#ffd873}.skill.ready span{color:#cfe3f5}#title{background:linear-gradient(180deg,#060a1040,#060a10b3)}#title:before{content:"";position:absolute;inset:0;background:url(../art/title-bg.svg) center / cover no-repeat;opacity:1}#title>*{position:relative}@media(max-width:640px){#skills{right:8px;bottom:64px;gap:6px;grid-template-columns:repeat(2,auto)}.skill{width:46px;height:46px}#hive{inset:96px 10px auto;max-width:none;font-size:12px;background:#1408189e}#officer{inset:auto auto 64px 10px;max-width:74vw;font-size:12px}#title{justify-content:flex-start}.title-inner{padding:20px 14px;gap:8px}#title .primary{width:min(80vw,360px);padding:15px 0;font-size:18px}.desc{font-size:12px}.card{width:min(86vw,320px)}}.gen{color:#8a6a4a;font-size:12px;letter-spacing:.15em}.llm-cfg{width:100%;max-width:480px;text-align:left;color:#67808f;font-size:13px}.llm-cfg summary{cursor:pointer;-webkit-user-select:none;user-select:none}.llm-form{display:flex;flex-direction:column;gap:8px;padding:10px 4px}.llm-form input{background:#0d1620;border:1px solid #2c4a63;border-radius:6px;color:#cfe3f5;padding:8px 10px;font-size:13px;outline:none}.llm-form input:focus{border-color:#4f7ea0}.llm-form button{align-self:flex-start;padding:6px 18px;background:#16324a;border:1px solid #2c4a63;border-radius:6px;color:#9fd0ff;cursor:pointer}.llm-form button:hover{border-color:#4f7ea0}.llm-status{color:#4f7ea0;font-size:11px}