:root{--bg:#07151c;--panel:rgba(7,18,26,.94);--ink:#eaffff;--muted:#8fb8c2;--cyan:#62e8f2;--red:#ff5b4f;--orange:#ff9a4d;--gold:#ffc857;--purple:#d05cff;--green:#72df9b;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#061218;color:var(--ink);font-family:"Arial Narrow","Microsoft YaHei",Arial,sans-serif}button{font:inherit;color:inherit;background:#0d2631;border:1px solid #2d6270;border-radius:10px;padding:12px;cursor:pointer;transition:.18s transform,.18s border-color,.18s background}button:active{transform:scale(.96)}button:disabled{opacity:.36;filter:saturate(.25)}.hidden{display:none!important}#game{position:absolute;inset:0;width:100%;height:100%;background:#09202a;touch-action:none}#grain{position:absolute;inset:0;pointer-events:none;opacity:.045;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px}.screen{position:absolute;inset:0;z-index:5;padding:max(14px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:auto;background:linear-gradient(115deg,rgba(4,14,20,.98) 0 54%,rgba(4,14,20,.72));animation:in .25s var(--ease)}@keyframes in{from{opacity:0;transform:translateY(8px)}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #28505c;padding-bottom:9px}.topbar h1,.topbar h2{margin:2px 0;font-size:clamp(25px,4vw,48px);letter-spacing:2px}.topbar h1 span{color:var(--cyan)}.topbar small,.choice-head small,.modal small,.result-card small,.room-modal small{color:var(--gold);letter-spacing:2px}.topbar>button{min-width:52px;font-size:24px}.record{padding:10px 16px;border:1px solid var(--gold);color:var(--gold);border-radius:10px}.hero-panel{display:grid;grid-template-columns:1fr auto;gap:18px;margin:18px 0;padding:18px;border:1px solid #356675;background:linear-gradient(100deg,rgba(20,57,69,.8),rgba(10,25,33,.65));border-radius:14px}.hero-copy{display:flex;align-items:center;gap:18px}.hero-copy i{font-style:normal;font-size:62px;color:var(--cyan);text-shadow:0 0 22px rgba(98,232,242,.35)}.hero-copy b{display:block;font-size:24px}.hero-copy span{display:block;margin-top:6px;color:var(--muted)}.record-strip{display:flex;align-items:center;gap:9px}.record-strip span{display:flex;flex-direction:column;min-width:105px;padding:10px;background:#081a22;border-radius:8px;color:var(--muted)}.record-strip b{color:var(--gold);font-size:21px}.home-actions{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:10px;max-width:900px}.home-actions button{text-align:left;min-height:70px}.home-actions b,.home-actions span{display:block}.home-actions b{font-size:18px}.home-actions span{margin-top:5px;color:var(--muted);font-size:12px}.primary{border-color:var(--cyan)!important;background:linear-gradient(110deg,#0f5360,#12313b)!important}.risk{border-color:var(--orange)!important;background:linear-gradient(110deg,#592a20,#252024)!important}.share{margin-top:12px;border-color:#5a7ccf;color:#bcd4ff}.loadout-columns{display:grid;grid-template-columns:1fr 1.2fr 1.4fr;gap:14px;margin:12px 0 74px}.loadout-columns h3{margin:4px 0 8px;color:var(--gold)}.choice-grid,.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px}.choice-card,.archive-card{position:relative;text-align:left;min-height:92px}.choice-card.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(98,232,242,.18)}.choice-card.locked,.archive-card.locked{opacity:.42}.choice-card b,.choice-card span,.archive-card b,.archive-card span{display:block}.choice-card span,.archive-card span{color:var(--muted);font-size:12px;margin-top:6px;line-height:1.35}.screen-footer{position:fixed;left:22px;right:22px;bottom:14px;display:flex;justify-content:flex-end;pointer-events:none}.screen-footer button{pointer-events:auto;min-width:310px}.tabs{display:flex;gap:7px;overflow:auto;padding:10px 0}.tabs button{white-space:nowrap;padding:8px 12px}.tabs button.active{border-color:var(--gold);background:#46371e}.archive-grid{grid-template-columns:repeat(4,minmax(170px,1fr));padding-bottom:30px}.archive-card{border-left:4px solid var(--c,var(--cyan))}.archive-card em{color:var(--gold);font-size:11px}.rank-notice{padding:9px 12px;background:#14242d;border-left:3px solid var(--gold);color:var(--muted);font-size:12px}.rank-list{display:grid;gap:7px;margin-top:10px}.rank-row{display:grid;grid-template-columns:62px 1fr auto;align-items:center;padding:11px 14px;background:#0c222c;border:1px solid #284d59;border-radius:9px}.rank-row em{color:var(--gold);font-style:normal;font-size:20px}.rank-build{grid-column:2/4;color:var(--muted);font-size:11px;margin-top:4px}#hud{position:absolute;inset:0;z-index:3;pointer-events:none}.hud-top{display:grid;grid-template-columns:1.5fr .7fr 1fr 50px;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(#061218e8,transparent)}.hud-top>div{display:flex;flex-direction:column}.hud-top span{font-size:11px;color:var(--muted)}.hud-top button{pointer-events:auto;padding:7px}.hp,.wave-progress{position:absolute;left:15px;top:70px;width:260px;height:17px;background:#102b35;border:2px solid #d9ffff;border-radius:10px;overflow:hidden}.hp i,.wave-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#dfffff);transition:.18s width}.hp span{position:absolute;inset:0;text-align:center;font-size:10px;color:#041016;font-weight:bold}.wave-progress{top:92px;height:6px;border:0}.wave-progress i{background:var(--gold)}.combo-hud,.run-coins{position:absolute;right:18px;top:72px;padding:6px 10px;background:#07151dcc;border:1px solid #29505d}.run-coins{top:108px;color:var(--gold)}.build-hud{position:absolute;left:15px;bottom:14px;display:flex;gap:5px;max-width:55%;flex-wrap:wrap}.build-hud span{padding:3px 7px;background:#061218d9;border:1px solid var(--c);color:var(--c);border-radius:10px;font-size:10px}#controls{position:absolute;inset:0;z-index:4;pointer-events:none;touch-action:none}#joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:128px;height:128px;border:2px solid #77eaf099;border-radius:50%;background:#09283488;pointer-events:auto}#joystick:before,#joystick i{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}#joystick:before{width:68px;height:68px;border:1px solid #8df5ff66}#joystick i{width:40px;height:40px;background:#dfffff;border:5px solid #4ecad6;box-shadow:0 0 18px #62e8f288}.key-hint{position:absolute;left:30px;bottom:8px;font-size:10px;color:#9ec4cc}.actions{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));display:flex;gap:13px;pointer-events:auto}.actions button{position:relative;width:90px;height:74px;border-radius:50%;overflow:hidden}.actions b,.actions span{display:block}.actions span{font-size:10px;color:var(--muted)}.actions i{position:absolute;inset:auto 0 0;height:0;background:#c85d55aa}.overlay{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,10,14,.86);backdrop-filter:blur(5px);touch-action:none}.choice-head{position:absolute;top:26px;text-align:center}.choice-head h2{margin:4px}.choice-head p{margin:3px;color:var(--muted)}.item-cards{display:grid;grid-template-columns:repeat(3,minmax(190px,270px));gap:12px;margin-top:65px}.item-card{min-height:230px;text-align:left;border-top:5px solid var(--c);background:linear-gradient(160deg,#102832,#08171e)}.item-card .cat{color:var(--c);font-size:11px;letter-spacing:1px}.item-card h3{font-size:22px;margin:12px 0 8px}.item-card p{color:#c1dce2;line-height:1.5}.item-card .dynamic{display:block;margin-top:12px;padding:8px;background:#07141a;border-left:3px solid var(--gold);color:var(--gold);font-size:12px}.room-modal,.modal,.result-card{width:min(760px,92vw);max-height:90vh;overflow:auto;padding:24px;background:#0a2029;border:2px solid var(--gold);border-radius:16px;text-align:center}.room-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.room-options button b,.room-options button span{display:block}.room-options button span{font-size:11px;color:var(--muted);margin-top:5px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.result-stats div{padding:12px;background:#07151c;border:1px solid #2a515d}.result-stats b,.result-stats span{display:block}.result-stats b{font-size:24px;color:var(--gold)}.result-stats span{font-size:11px;color:var(--muted)}.result-build{padding:10px;color:#b7d6dc;background:#081920}.result-actions{display:flex;justify-content:center;gap:8px;margin-top:14px}.room-banner{position:absolute;z-index:8;left:50%;top:22%;transform:translateX(-50%);padding:14px 34px;text-align:center;background:#061218e8;border:1px solid var(--cyan);box-shadow:0 0 30px #62e8f233}.room-banner small,.room-banner b{display:block}.room-banner b{font-size:28px}#audioPanel{position:absolute;z-index:7;right:12px;bottom:9px;font-size:10px;color:var(--muted)}#audioPanel button{padding:5px 8px;margin-right:5px}#toast{position:absolute;z-index:20;left:50%;bottom:24%;transform:translate(-50%,20px);padding:9px 15px;background:#08151d;border:1px solid var(--gold);opacity:0;transition:.2s;color:var(--gold);pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}#rotate{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#061218}.rotate-icon{font-size:64px;color:var(--cyan)}@media(max-width:820px){.hero-panel{margin:8px 0;padding:10px}.hero-copy i{font-size:38px}.hero-copy b{font-size:18px}.record-strip{display:none}.home-actions{grid-template-columns:repeat(2,1fr)}.home-actions button{min-height:54px;padding:8px}.loadout-columns{grid-template-columns:repeat(3,1fr)}.choice-grid{grid-template-columns:1fr}.archive-grid{grid-template-columns:repeat(3,1fr)}.item-card{min-height:190px}.room-options{grid-template-columns:repeat(3,1fr)}}@media(orientation:portrait){#rotate:not(.hidden){display:flex!important}}@media(max-height:420px){.topbar h1,.topbar h2{font-size:25px}.hero-copy span{font-size:12px}.archive-card{min-height:78px}.item-cards{margin-top:48px}.item-card{min-height:170px;padding:9px}.item-card h3{font-size:18px;margin:6px 0}.item-card p{font-size:12px}.actions button{width:76px;height:62px}#joystick{width:108px;height:108px}}