:root{--bg: #05080a;--accent: #5fd35f;--accent2: #46c0ff;--danger: #ff5252;--dna: #7ef0c0;--panel: rgba(8, 16, 14, .82);--panel-border: rgba(95, 211, 95, .35);--text: #dff5e6;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;height:100dvh;width:100dvw;overflow:hidden;background:var(--bg);touch-action:manipulation}body{color:var(--text);user-select:none;-webkit-user-select:none}body.touch-playing{touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#game-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}body.touch-playing #game-canvas{cursor:default}.hidden{display:none!important}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#14281ce6,#020406f7);z-index:50}.boot-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:36px 44px;text-align:center;max-width:560px;backdrop-filter:blur(6px);box-shadow:0 20px 60px #0009}.boot-card h1{font-size:34px;letter-spacing:1px;margin-bottom:6px}.boot-card .br{color:var(--danger)}.tagline{color:var(--accent);margin-bottom:22px;font-size:15px;letter-spacing:2px}.boot-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:14px}button{background:#ffffff0f;color:var(--text);border:1px solid var(--panel-border);padding:12px 20px;border-radius:10px;font-size:15px;cursor:pointer;transition:.15s}button:hover{background:#5fd35f29;transform:translateY(-1px)}button.primary{background:var(--accent);color:#04140a;font-weight:700;border-color:var(--accent)}button.primary:hover{background:#7ef07e}button:disabled{opacity:.4;cursor:default;transform:none}.status{min-height:18px;color:var(--accent2);font-size:13px;margin-top:8px}.controls-hint{margin-top:18px;font-size:12px;color:#9fb8a8;line-height:1.7}kbd{background:#1a2a22;border:1px solid #2f4a3a;border-radius:4px;padding:1px 6px;font-size:11px}#hud{position:absolute;inset:0;pointer-events:none;z-index:20}.hud-topleft{position:absolute;top:16px;left:16px}.hud-topright{position:absolute;top:16px;right:16px;text-align:right}.hud-bottom{position:absolute;bottom:16px;left:50%;transform:translate(-50%);text-align:center}.stat-pill{display:inline-block;background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;padding:6px 14px;margin:3px;font-size:13px;font-weight:600}.bar-wrap{width:260px;height:16px;background:#00000080;border-radius:8px;overflow:hidden;border:1px solid var(--panel-border);margin-top:4px}.bar-fill{height:100%;transition:width .12s linear}.bar-hp{background:linear-gradient(90deg,#ff5252,#ffb352)}.bar-dna{background:linear-gradient(90deg,#2fd0a0,#7ef0c0)}.bar-stam{background:linear-gradient(90deg,#d8a52a,#ffe066)}.label{font-size:11px;color:#9fb8a8;text-transform:uppercase;letter-spacing:1px}.tier-badge{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:8px 14px;font-size:16px;font-weight:700}.alert{color:var(--danger);font-size:18px;font-weight:700;text-shadow:0 0 12px rgba(255,0,0,.6);animation:pulse 1s infinite;margin-bottom:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.ability-row{display:flex;gap:8px;justify-content:center}.ability-slot{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:6px 12px;font-size:12px;min-width:64px}.ability-slot.cooling{opacity:.45}.ability-slot .k{color:var(--accent);font-weight:700}#minimap-wrap{position:absolute;bottom:16px;right:16px}#minimap{background:#040a08d9;border:2px solid var(--panel-border);border-radius:8px}.hud-fs-btn{position:absolute;bottom:16px;left:16px;z-index:22;width:40px;height:40px;border-radius:10px;padding:0;font-size:18px;pointer-events:auto;background:#08100ebf;border:1px solid var(--panel-border)}.hud-fs-btn:hover{background:#5fd35f33}#feed{position:absolute;top:80px;right:16px;width:280px;text-align:right}.feed-line{background:var(--panel);border-left:3px solid var(--accent);padding:4px 10px;margin:4px 0;font-size:12px;border-radius:4px;animation:slidein .3s}@keyframes slidein{0%{opacity:0;transform:translate(20px)}}#evo-menu{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#020604c7;backdrop-filter:blur(4px);pointer-events:auto}.evo-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:24px;width:min(880px,94vw);max-height:90vh;overflow-y:auto}.evo-panel h2{margin-bottom:4px}.evo-sub{color:var(--accent);font-size:13px;margin-bottom:16px}.evo-dna{float:right;color:var(--dna);font-weight:700}.evo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.part-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;transition:.15s;cursor:pointer}.part-card:hover{border-color:var(--accent);background:#5fd35f1a}.part-card.equipped{border-color:var(--accent2);background:#46c0ff1f}.part-card.locked{opacity:.4;cursor:not-allowed}.part-card h4{font-size:14px;margin-bottom:4px}.part-card .desc{font-size:12px;color:#b8d0c2;min-height:32px}.part-card .cost{font-size:12px;color:var(--dna);margin-top:6px;font-weight:700}.part-card .slot-tag{font-size:10px;text-transform:uppercase;color:#8aa;letter-spacing:1px}.evo-section-title{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#9fb8a8;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}.tier-up-btn{width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:700}.evo-close{float:right}.skin-row{display:flex;gap:8px;flex-wrap:wrap}.skin-chip{padding:8px 14px;border-radius:20px;border:1px solid var(--panel-border);cursor:pointer;font-size:13px}.skin-chip.active{background:var(--accent);color:#04140a}.bigmsg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:45;background:#020404cc;text-align:center}.bigmsg h1{font-size:48px;margin-bottom:12px}.bigmsg .win{color:var(--accent);text-shadow:0 0 24px rgba(95,211,95,.7)}.bigmsg .lose{color:var(--danger)}.bigmsg .meta-summary{color:var(--accent2);font-size:13px;margin:10px 0 18px;max-width:560px;opacity:.9}.damage-flash{position:absolute;inset:0;background:#f000;z-index:15;pointer-events:none;transition:background .1s}.evo-prompt{margin-bottom:10px;animation:pulse 1.4s infinite}.evo-prompt-title{color:var(--dna);font-weight:700;font-size:14px;letter-spacing:1px;text-shadow:0 0 12px rgba(126,240,192,.6);margin-bottom:6px}.evo-choice-row{display:flex;gap:10px;justify-content:center}.evo-choice{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--dna);border-radius:10px;padding:8px 14px;font-size:13px;box-shadow:0 0 16px #7ef0c040}.evo-choice.cant{border-color:#ffffff26;opacity:.5;box-shadow:none}.evo-choice .ek{background:var(--dna);color:#04140a;font-weight:800;border-radius:6px;padding:2px 9px;font-size:14px}.evo-choice .en{font-weight:700}.evo-choice .ec{color:var(--dna)}.evo-choice .eb{color:#9fb8a8;font-size:11px;max-width:200px}.branch-row{display:flex;gap:14px;flex-wrap:wrap}.branch-card{flex:1 1 220px;background:#7ef0c00f;border:1px solid var(--dna);border-radius:12px;padding:16px;cursor:pointer;transition:.15s;position:relative}.branch-card:hover{background:#7ef0c029;transform:translateY(-2px)}.branch-card.locked{opacity:.45;cursor:not-allowed;border-color:#ffffff26}.branch-card h3{font-size:20px;margin:4px 0}.branch-card .branch-key{position:absolute;top:12px;right:12px;background:var(--dna);color:#04140a;font-weight:800;border-radius:8px;padding:3px 11px}.branch-card .branch-traits{margin:4px 0 8px}.branch-card .trait{display:inline-block;background:#46c0ff2e;color:var(--accent2);border-radius:12px;padding:2px 9px;font-size:11px;margin-right:4px;text-transform:uppercase;letter-spacing:.5px}.branch-card .branch-stats{font-size:13px;margin:8px 0;color:var(--text)}.branch-card .desc{font-size:12px;color:#b8d0c2;min-height:48px}.radial-evo{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0000008c;pointer-events:auto}.radial-evo.hidden{display:none}.radial-center{position:absolute;width:200px;padding:16px;text-align:center;background:var(--panel);border:1px solid var(--dna);border-radius:14px;font-size:13px;color:var(--text)}.radial-node{position:absolute;background:#7ef0c01f;border:1px solid var(--dna);border-radius:12px;padding:10px 14px;cursor:pointer;color:var(--text);font-size:12px;min-width:100px;text-align:center}.radial-node:hover{background:#7ef0c047}.radial-node .rn-name{display:block;font-weight:700}.radial-node .rn-cost{color:var(--dna);font-size:11px}.phylo-scroll{display:flex;gap:10px;overflow-x:auto;padding:8px 0;max-height:180px}.phylo-col{flex:0 0 120px}.phylo-depth{font-size:11px;color:var(--accent2);margin-bottom:6px;font-weight:700}.phylo-node{font-size:10px;padding:4px 6px;margin:3px 0;border-radius:6px;background:#46c0ff1a;border:1px solid rgba(70,192,255,.25)}.phylo-node.fog{opacity:.35;background:#0000004d;border-style:dashed}.mobile-controls{position:fixed;inset:0;z-index:25;pointer-events:none}.mobile-controls.hidden{display:none}.mob-joystick-zone{position:absolute;bottom:0;width:42vmin;height:42vmin;max-width:220px;max-height:220px;min-width:130px;min-height:130px;pointer-events:auto;touch-action:none}.mob-joystick-left{left:max(8px,env(safe-area-inset-left));bottom:max(72px,calc(64px + env(safe-area-inset-bottom)))}.mob-joystick-right{right:max(8px,env(safe-area-inset-right));bottom:max(72px,calc(64px + env(safe-area-inset-bottom)))}.mob-joystick-base{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58%;height:58%;border-radius:50%;background:#08100e73;border:2px solid rgba(95,211,95,.35);box-shadow:0 4px 20px #00000059}.mob-joystick-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;height:38%;border-radius:50%;background:#7ef0c08c;border:2px solid rgba(126,240,192,.8);box-shadow:0 2px 10px #0006;pointer-events:none}.mob-actions{position:absolute;left:50%;transform:translate(-50%);bottom:max(8px,env(safe-area-inset-bottom));display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:96vw;pointer-events:auto}.mob-btn{width:clamp(44px,11vmin,56px);height:clamp(44px,11vmin,56px);border-radius:50%;padding:0;font-size:clamp(14px,4vmin,18px);font-weight:700;background:#08100eb8;border:2px solid var(--panel-border);color:var(--text);touch-action:none;-webkit-tap-highlight-color:transparent}.mob-btn:active{background:#5fd35f59;transform:scale(.94)}.mob-btn-attack{border-color:var(--danger);color:#ffb0b0}.mob-btn-jump{border-color:var(--accent2)}.mob-btn-sprint{border-color:#ffe066;color:#ffe066}.mob-btn-lab{border-color:var(--dna);color:var(--dna)}.mob-btn-radial{border-color:var(--accent);color:var(--accent)}.mob-fs-btn{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:30;pointer-events:auto;width:44px;height:44px;border-radius:10px;padding:0;font-size:20px;background:#08100ebf;border:1px solid var(--panel-border);touch-action:manipulation}.mob-fs-btn.fs-active{background:#5fd35f40;border-color:var(--accent)}.controls-hint.mobile-hint{display:none}@media (pointer: coarse),(max-width: 768px){.hud-topleft{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}.hud-topright{top:max(10px,env(safe-area-inset-top));right:max(56px,calc(12px + env(safe-area-inset-right)));max-width:48vw}.hud-fs-btn{display:none}.bar-wrap{width:min(200px,42vw)}.tier-badge{font-size:13px;padding:6px 10px}.stat-pill{font-size:11px;padding:4px 10px}#minimap-wrap{bottom:max(148px,calc(140px + env(safe-area-inset-bottom)));right:max(10px,env(safe-area-inset-right))}#minimap{width:120px;height:120px}#feed{top:64px;right:max(10px,env(safe-area-inset-right));width:min(200px,44vw);font-size:11px}.hud-bottom{bottom:max(148px,calc(140px + env(safe-area-inset-bottom)));max-width:92vw}.hud-bottom .label{display:none}.evo-choice-row{flex-direction:column;align-items:stretch}.evo-choice .eb{max-width:none}.boot-card{margin:12px;padding:24px 20px;max-width:94vw}.boot-card h1{font-size:26px}.boot-buttons{flex-direction:column}button{padding:14px 18px;font-size:16px}.controls-hint.mobile-hint{display:block}.controls-hint.desktop-hint{display:none}}