*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#000;width:100%;height:100%;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#fragment-game-root{width:100%;height:100%;position:relative}#fragment-canvas{width:100%;height:100%;display:block}#fragment-ui{pointer-events:none;z-index:10;position:absolute;inset:0}#fragment-ui>*{pointer-events:auto}#map-screen{z-index:20;background:#000;width:100%;height:100%;position:absolute;inset:0}.map-top-bar{backdrop-filter:blur(12px);z-index:25;background:#0f172ad9;border:1px solid #f59e0b4d;border-radius:12px;justify-content:space-between;align-items:center;width:90%;max-width:1000px;padding:.75rem 1.5rem;display:flex;position:absolute;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.map-act-title{letter-spacing:.15em;color:#f59e0b;font-size:1.1rem;font-weight:800}.map-hp-container{align-items:center;gap:.75rem;display:flex}.map-hp-label{color:#94a3b8;letter-spacing:.05em;font-size:.85rem;font-weight:700}.map-hp-bar-bg{background:#1e293be6;border:1px solid #334155;border-radius:5px;width:160px;height:10px;overflow:hidden}.map-hp-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);width:100%;height:100%;box-shadow:0 0 10px #10b98180}.map-coins-badge{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:20px;padding:4px 12px;font-size:.95rem;font-weight:700}#protocol-picker{z-index:30;backdrop-filter:blur(16px);background:#000000e0;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;inset:0}.picker-overlay{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1050px;display:flex}.picker-header{text-align:center}.picker-header h2{letter-spacing:.25em;color:#f59e0b;text-shadow:0 0 15px #f59e0b66;margin-bottom:.5rem;font-size:2.2rem;font-weight:900}.picker-header p{color:#94a3b8;font-size:1rem}.picker-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;display:grid}@media (width<=850px){.picker-cards-grid{grid-template-columns:1fr}}.protocol-card{text-align:center;background:#0f172aeb;border:2px solid #334155;border-radius:14px;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 10px 30px #0009}.protocol-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 15px 35px #f59e0b4d}.protocol-card.rarity-common{border-color:#475569}.protocol-card.rarity-common .card-rarity-badge{color:#94a3b8;background:#334155}.protocol-card.rarity-uncommon{border-color:#10b981}.protocol-card.rarity-uncommon .card-rarity-badge{color:#34d399;background:#10b98133;border:1px solid #10b981}.protocol-card.rarity-rare{border-color:#8b5cf6}.protocol-card.rarity-rare .card-rarity-badge{color:#a78bfa;background:#8b5cf633;border:1px solid #8b5cf6}.protocol-card.rarity-prime{border-color:#f59e0b;box-shadow:0 0 25px #f59e0b4d}.protocol-card.rarity-prime .card-rarity-badge{color:#fbbf24;background:#f59e0b40;border:1px solid #f59e0b}.card-rarity-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:.65rem;font-weight:800;position:absolute;top:14px;right:14px}.card-icon{filter:drop-shadow(0 0 8px #fff3);margin-top:.5rem;font-size:2.75rem}.card-title{color:#fff;letter-spacing:.02em;font-size:1.35rem;font-weight:800}.card-tags{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.tag-badge{color:#cbd5e1;letter-spacing:.05em;background:#1e293bcc;border:1px solid #475569;border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:700}.card-desc{color:#94a3b8;min-height:2.7em;font-size:.9rem;line-height:1.45}.card-tier-bonus{color:#10b981;font-size:.85rem;font-weight:600}.card-synergy-indicator{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700}.select-card-btn{color:#000;letter-spacing:.08em;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;width:100%;margin-top:auto;padding:.85rem;font-size:.95rem;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #f59e0b4d}.select-card-btn:hover{background:#fbbf24;transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80}.skip-btn{color:#94a3b8;letter-spacing:.05em;cursor:pointer;background:#0f172a99;border:1px solid #475569;border-radius:8px;padding:.75rem 2rem;font-size:.9rem;font-weight:700;transition:all .2s}.skip-btn:hover{color:#fff;background:#f59e0b1a;border-color:#f59e0b}#hud{pointer-events:none;z-index:30;position:absolute;inset:0}.hud-container{width:100%;height:100%;padding:1.5rem;position:relative}.hud-top-left{backdrop-filter:blur(12px);pointer-events:auto;background:#0f172ad9;border:1px solid #f59e0b4d;border-radius:12px;flex-direction:column;gap:.5rem;padding:.85rem 1.25rem;display:flex;position:absolute;top:1.5rem;left:1.5rem;box-shadow:0 8px 32px #00000080}.hud-hp-box{flex-direction:column;gap:.25rem;display:flex}.hud-hp-label{letter-spacing:.1em;color:#f59e0b;font-size:.75rem;font-weight:800}.hud-hp-bar{background:#1e293be6;border:1px solid #334155;border-radius:6px;width:200px;height:12px;overflow:hidden}.hud-hp-fill{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .3s}.hud-hp-val{color:#cbd5e1;font-size:.8rem;font-weight:700}.hud-dash-box{color:#f59e0b;font-size:.85rem;font-weight:700}.hud-top-right{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.hud-combo-badge{color:#fbbf24;letter-spacing:.08em;background:#f59e0b33;border:1px solid #f59e0b;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;font-weight:800}.hud-combo-badge.overclocked{color:#fca5a5;background:#ef44444d;border-color:#ef4444;animation:1s ease-in-out infinite pulse}.hud-coins-badge{backdrop-filter:blur(12px);color:#f59e0b;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;font-weight:800}.hud-bottom-left{backdrop-filter:blur(12px);pointer-events:auto;background:#0f172ad9;border:1px solid #f59e0b4d;border-radius:12px;padding:.75rem 1.25rem;position:absolute;bottom:1.5rem;left:1.5rem}.hud-protocol-label{color:#94a3b8;letter-spacing:.08em;margin-bottom:.4rem;font-size:.75rem;font-weight:800}.hud-protocols-bar{gap:.5rem;display:flex}.hud-protocol-chip{background:#00000080;border:1px solid;border-radius:8px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.85rem;font-weight:700;display:flex}.hud-bottom-right{pointer-events:auto;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;right:1.5rem}.hud-ability-key{backdrop-filter:blur(12px);color:#cbd5e1;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8rem;font-weight:700;display:flex}.key-badge{color:#000;background:#f59e0b;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:900}.hidden{display:none!important}#loading-overlay{z-index:100;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.loading-title{letter-spacing:.5em;color:#f59e0b;text-shadow:0 0 10px #f59e0b80;margin-bottom:2rem;font-size:2.5rem;font-weight:800;animation:2s ease-in-out infinite pulse}.loading-bar-bg{background:#1e293b;width:200px;height:2px;position:relative;overflow:hidden}.loading-bar{background:#f59e0b;width:100%;height:100%;animation:1.5s linear infinite loading;position:absolute;left:-100%}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes loading{0%{left:-100%}50%{left:0}to{left:100%}}