:root{--base-black: #050506;--carbon-surface: #0e0e11;--carbon-raised: #18181c;--carbon-border: #26262b;--grid-line: rgba(255, 255, 255, .03);--neon-cyan: #7eb8c9;--neon-magenta: #c470b8;--neon-yellow: #c4cc5a;--neon-green: #50bf7a;--state-hover: rgba(126, 184, 201, .1);--state-active: rgba(126, 184, 201, .2);--state-disabled: #3a3a3f;--rarity-common: #7b8794;--rarity-uncommon: #4db8a4;--rarity-rare: #5b8fd9;--rarity-epic: #9a6dd7;--rarity-legendary: #d98a3d;--font-main: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--radius-sm: 2px;--radius-md: 4px;--glitch-shadow: 2px 0 var(--neon-magenta), -2px 0 var(--neon-cyan);--carbon-texture: radial-gradient(circle, #1a1a1e 1px, transparent 1px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--base-black);color:#fff;font-family:var(--font-main);overflow-x:hidden;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--base-black)}::-webkit-scrollbar-thumb{background:var(--carbon-border)}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.glitch-text{text-transform:uppercase;font-weight:900;letter-spacing:2px;position:relative}.glitch-text:hover{text-shadow:var(--glitch-shadow);animation:glitch-anim .2s infinite}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.card-glow-wrap{position:relative;display:inline-block;padding:22px 8px 8px;border-radius:12px;--holo-c1: var(--rarity-glow, #8888aa);--holo-c2: var(--rarity-glow, #aaaacc);--holo-c3: var(--rarity-glow, #666688);--holo-c2: color-mix(in oklch, var(--holo-c1) 70%, #fff);--holo-c3: color-mix(in oklch, var(--holo-c1) 50%, #888);background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.12) 38%,rgba(255,255,255,.3) 47%,rgba(255,255,255,.3) 53%,rgba(255,255,255,.12) 62%,transparent 72%),linear-gradient(135deg,var(--holo-c3),var(--holo-c1),var(--holo-c2),var(--holo-c1),var(--holo-c3),var(--holo-c2),var(--holo-c1),var(--holo-c3));background-size:250% 100%,400% 400%;animation:holo-shift 6s ease-in-out infinite alternate;box-shadow:var(--glow-x, 0px) var(--glow-y, 0px) 9px var(--rarity-glow, transparent),var(--glow-x, 0px) var(--glow-y, 0px) 17px var(--rarity-glow, transparent);transition:box-shadow .2s ease;transform-style:preserve-3d}.card-glow-wrap:hover{box-shadow:var(--glow-x, 0px) var(--glow-y, 0px) 14px var(--rarity-glow, transparent),var(--glow-x, 0px) var(--glow-y, 0px) 28px var(--rarity-glow, transparent)}@keyframes holo-shift{0%{background-position:150% 0,0% 0%}to{background-position:-150% 0,100% 100%}}.card-body{width:180px;aspect-ratio:5 / 7.56;background:var(--carbon-raised);border:1px solid var(--carbon-border);border-radius:6px;position:relative;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.card-body:hover{border-color:var(--neon-cyan)}.card-body.selected{border-color:var(--neon-magenta);border-width:2px}.card-body.disabled{opacity:.4;filter:grayscale(1);pointer-events:none}.card-art{flex:1 1 0;min-height:0;background:#222;position:relative;background-image:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.29) 0%,rgba(255,255,255,.07) 40%,transparent 70%),var(--carbon-texture);background-size:100% 100%,4px 4px;overflow:hidden;border-radius:5px 5px 0 0}.card-art:before,.card-art:after{content:"";position:absolute;top:12%;bottom:12%;width:3px;z-index:2;background:linear-gradient(180deg,transparent 0%,rgba(126,184,201,.35) 20%,rgba(126,184,201,.5) 50%,rgba(126,184,201,.35) 80%,transparent 100%);box-shadow:0 0 6px #7eb8c94d}.card-art:before{left:0;clip-path:polygon(0 8%,100% 0,100% 100%,0 92%)}.card-art:after{right:0;clip-path:polygon(0 0,100% 8%,100% 92%,0 100%)}.card-art img{width:100%;height:100%;object-fit:cover}.card-bottom-frame{position:absolute;left:0;right:0;width:100%;height:auto;z-index:10;pointer-events:none;bottom:-10px;transform:scaleY(-1)}.card-art-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-size:150%;background-position:center center;background-repeat:no-repeat;image-rendering:auto;image-rendering:high-quality}.card-hex-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21'%3E%3Cpath d='M6 0L12 3.5L12 10.5L6 14L0 10.5L0 3.5Z M6 14L6 21' fill='none' stroke='%237eb8c9' stroke-opacity='0.85' stroke-width='0.7'/%3E%3C/svg%3E");background-size:12px 21px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.8) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.8) 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,.8) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.8) 100%)}.card-hex-overlay:before,.card-hex-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.card-hex-overlay:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='84'%3E%3Cpath d='M6 0L12 3.5L12 10.5L6 14L0 10.5L0 3.5Z' fill='%237eb8c9' fill-opacity='0.9'/%3E%3Cpath d='M6 0L12 3.5L12 10.5L6 14L0 10.5L0 3.5Z' transform='translate(12,42)' fill='%237eb8c9' fill-opacity='0.75'/%3E%3Cpath d='M6 0L12 3.5L12 10.5L6 14L0 10.5L0 3.5Z' transform='translate(48,63)' fill='%237eb8c9' fill-opacity='0.85'/%3E%3C/svg%3E");background-size:60px 84px;animation:hex-pulse-a 7s ease-in-out infinite}.card-hex-overlay:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='63'%3E%3Cpath d='M6 0L12 3.5L12 10.5L6 14L0 10.5L0 3.5Z' transform='translate(42,10.5)' fill='%237eb8c9' fill-opacity='0.8'/%3E%3Cpath d='M6 0L12 3.5L12 10.5L6 14L0 10.5L0 3.5Z' transform='translate(24,21)' fill='%237eb8c9' fill-opacity='0.7'/%3E%3Cpath d='M6 0L12 3.5L12 10.5L6 14L0 10.5L0 3.5Z' transform='translate(60,42)' fill='%237eb8c9' fill-opacity='0.9'/%3E%3C/svg%3E");background-size:72px 63px;animation:hex-pulse-b 11s ease-in-out infinite 1.8s}@keyframes hex-pulse-a{0%,10%{opacity:0}14%,18%{opacity:1}22%,48%{opacity:0}52%,56%{opacity:.7}60%,78%{opacity:0}82%,86%{opacity:.5}90%,to{opacity:0}}@keyframes hex-pulse-b{0%,18%{opacity:0}22%,28%{opacity:.6}32%,55%{opacity:0}60%,66%{opacity:1}70%,88%{opacity:0}92%,96%{opacity:.4}to{opacity:0}}.card-badge-row{position:absolute;top:2px;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:0 3px;pointer-events:auto}.trait-badge{width:20px;height:20px;border-radius:4px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;font-weight:800;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);transition:border-color .15s}.trait-badge:hover{border-color:#ffffff80}.trait-badge img{width:100%;height:100%;object-fit:contain}.trait-badge.trait-none{color:#ffffff59;font-style:italic}.trait-badge-spacer{width:20px;height:20px}.card-rarity-tab{position:absolute;top:0;left:0;z-index:4;padding:2px 8px;font-size:8px;font-weight:900;color:#000;text-transform:uppercase}.holo-synergy{position:absolute;top:2px;left:8px;z-index:8;padding:2px 10px;font-family:var(--font-mono);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;line-height:1.3;color:#fffffff2;background:#0a0a0fa6;border:1px solid rgba(126,184,201,.3);border-radius:4px}.holo-stars{position:absolute;top:3px;right:8px;z-index:8;display:flex;align-items:center;gap:2px}.holo-stars .star-on{width:14px;height:14px;display:inline-block;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6 14.9 8.4 21.2 9.3 16.6 13.8 17.7 20.1 12 17.1 6.3 20.1 7.4 13.8 2.8 9.3 9.1 8.4Z' fill='%23d98a3d' stroke='%23e8b87a' stroke-width='1.35' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");filter:drop-shadow(0 0 3px rgba(217,138,61,.85))}.card-info{padding:6px 8px;flex-grow:0;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;background:var(--card-info-bg, rgba(10,12,18,.7));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;z-index:4;overflow:visible}.card-syndicate-icon{position:absolute;right:6px;top:-13px;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:10px;font-weight:800;color:#fff;border:1px solid rgba(255,255,255,.25);z-index:12}.card-syndicate-icon img{width:100%;height:100%;object-fit:contain}.card-name{font-size:11px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.card-name:first-letter{color:inherit}.card-name:after{content:"";display:block;height:1px;margin-top:4px;background:linear-gradient(90deg,rgba(126,184,201,.5) 0%,transparent 80%)}.card-role-badge{display:inline-block;padding:2px 10px;font-family:var(--font-mono);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;line-height:1.3;color:#ffffffd9;background:#7eb8c929;border:1px solid rgba(126,184,201,.25);border-radius:4px;margin-bottom:4px}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:none;background:#0000004d;position:relative}.stats-strip:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(126,184,201,.6) 50%,transparent 100%);box-shadow:0 0 4px #7eb8c966;animation:scan-pulse 3s ease-in-out infinite}@keyframes scan-pulse{0%,to{opacity:.5}50%{opacity:1}}.stat-item{display:flex;flex-direction:column;align-items:center;padding:4px 0;border-right:1px solid var(--carbon-border);position:relative}.stat-item:last-child{border-right:none}.stat-label{display:none}.stat-value{font-size:14px;font-family:var(--font-mono);font-weight:700}.stat-item:nth-child(1){background:radial-gradient(ellipse at center,rgba(255,60,60,.15) 0%,transparent 70%)}.stat-item:nth-child(1) .stat-label{color:#a55}.stat-item:nth-child(1) .stat-value{color:#d47070;text-shadow:0 0 8px rgba(212,112,112,.5)}.stat-item:nth-child(2){background:none}.stat-item:nth-child(2) .stat-label{color:#ffffff4d}.stat-item:nth-child(2) .stat-value{color:#ffffff4d}.stat-item:nth-child(3){background:radial-gradient(ellipse at center,rgba(40,255,120,.12) 0%,transparent 70%)}.stat-item:nth-child(3) .stat-label{color:#496}.stat-item:nth-child(3) .stat-value{color:#5c8;text-shadow:0 0 8px rgba(85,204,136,.5)}.chip-card-wrap{overflow:visible;padding-top:8px}.chip-price-badge{position:absolute;top:2px;left:4px;z-index:6;font-family:var(--font-mono);font-size:10px;font-weight:800;color:#000;background:var(--neon-cyan);padding:1px 5px;border-radius:3px;letter-spacing:.5px;line-height:1.3;box-shadow:0 0 6px #7eb8c966}.chip-bg-layer{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;pointer-events:none;z-index:0;opacity:.55;filter:drop-shadow(0 0 3px var(--rarity-glow, #7eb8c9));background:repeating-linear-gradient(180deg,transparent 0,transparent 8px,var(--rarity-glow, #7eb8c9) 8px,var(--rarity-glow, #7eb8c9) 10px) 0 50% / 14px 60% no-repeat,repeating-linear-gradient(180deg,transparent 0,transparent 8px,var(--rarity-glow, #7eb8c9) 8px,var(--rarity-glow, #7eb8c9) 10px) 100% 50% / 14px 60% no-repeat,repeating-linear-gradient(90deg,transparent 0,transparent 8px,var(--rarity-glow, #7eb8c9) 8px,var(--rarity-glow, #7eb8c9) 10px) 50% 0 / 60% 14px no-repeat,repeating-linear-gradient(90deg,transparent 0,transparent 8px,var(--rarity-glow, #7eb8c9) 8px,var(--rarity-glow, #7eb8c9) 10px) 50% 100% / 60% 14px no-repeat}.chip-card{aspect-ratio:5 / 5;width:140px}.chip-magnitude-overlay{position:absolute;bottom:6px;right:6px;z-index:3;background:var(--neon-cyan);color:#000;font-size:13px;font-weight:900;font-family:var(--font-mono);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chip-info{gap:6px}.chip-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21'%3E%3Cpath d='M6 0L12 3.5L12 10.5L6 14L0 10.5L0 3.5Z M6 14L6 21' fill='none' stroke='white' stroke-opacity='0.35' stroke-width='0.7'/%3E%3C/svg%3E");background-size:12px 21px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.8) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.8) 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,.8) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.8) 100%)}.chip-art-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:42px;font-weight:900;color:#ffffff14;letter-spacing:4px;text-transform:uppercase}.chip-token{width:64px;height:64px;background:var(--carbon-raised);border:1px solid var(--neon-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:.2s;cursor:pointer;overflow:hidden}.chip-token:hover{background:var(--state-hover);transform:scale(1.1)}.chip-token img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chip-magnitude{position:absolute;bottom:-5px;right:-5px;background:var(--neon-cyan);color:#000;font-size:10px;font-weight:900;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chip-token.type-firewall{border-color:var(--neon-green)}.chip-token.type-payload{border-color:var(--neon-magenta)}.chip-token.type-worm{border-color:#af0}.chip-token.type-loopback{border-color:#f63}.chip-token.type-tempo{border-color:var(--neon-cyan)}.chip-token.type-utility{border-color:#888}.chip-magnitude.type-firewall{background:var(--neon-green)}.chip-magnitude.type-payload{background:var(--neon-magenta)}.chip-magnitude.type-worm{background:#af0}.chip-magnitude.type-loopback{background:#f63}.chip-type-tag{font-size:8px;font-weight:700;font-family:var(--font-mono);padding:2px 6px;border-radius:10px;text-transform:uppercase;display:inline-block;color:#fff}.chip-type-tag.Firewall{border:1px solid var(--neon-green)}.chip-type-tag.Payload{border:1px solid var(--neon-magenta)}.chip-type-tag.Worm{border:1px solid #aaff00}.chip-type-tag.Loopback{border:1px solid #ff6633}.chip-type-tag.Compile{border:1px solid #d4a017}.chip-type-tag.Meltdown{border:1px solid #e03030}.chip-type-tag.Uplink{border:1px solid #cc9544}.chip-type-tag.Tempo{border:1px solid var(--neon-cyan)}.chip-type-tag.Utility{border:1px solid #888}.filter-pill{padding:4px 12px;border:1px solid var(--carbon-border);border-radius:20px;font-size:10px;font-family:var(--font-mono);color:#888;cursor:pointer;background:none;transition:.15s;text-transform:uppercase;font-weight:700}.filter-pill:hover,.filter-pill.active{border-color:var(--neon-cyan);color:var(--neon-cyan)}.filter-pill.danger{border-color:var(--neon-magenta);color:var(--neon-magenta)}.filter-pill.danger:hover{background:#c470b81a}.btn-primary{background:linear-gradient(135deg,#33f5ff,#00c8d4,#33f5ff);color:#000;border:none;padding:10px 32px;font-family:var(--font-main);font-weight:900;text-transform:uppercase;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:.15s}.btn-primary:hover{filter:brightness(1.2)}.timer-pill{background:#ff00001a;border:1px solid var(--neon-magenta);color:var(--neon-magenta);padding:4px 12px;font-family:var(--font-mono);font-weight:700;border-radius:var(--radius-md)}.timer-pill.safe{background:#7eb8c90d;border-color:#7eb8c94d;color:var(--neon-cyan)}.tooltip{position:fixed;background:var(--carbon-surface);border:1px solid var(--neon-cyan);padding:14px 16px;width:280px;z-index:100;pointer-events:none;box-shadow:10px 10px #00000080;display:none}.tooltip.visible{display:block}.tooltip-header{font-weight:900;font-size:15px;color:var(--neon-cyan);margin-bottom:6px}.tooltip-body{font-size:13px;color:#ccc;line-height:1.5}.trait-tooltip{position:fixed;z-index:1000;pointer-events:none;background:#080a10f2;border:1px solid rgba(126,184,201,.3);border-radius:8px;padding:12px 14px;min-width:260px;max-width:380px;font-family:var(--font-mono);font-size:13px;color:#ccc;box-shadow:0 0 12px #7eb8c926;opacity:0;transform:scale(.92);transition:opacity .15s ease,transform .15s ease}.trait-tooltip.visible{opacity:1;transform:scale(1)}.tt-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 10px;margin-bottom:6px}.tt-name{font-weight:900;font-size:16px;color:var(--neon-cyan);text-transform:uppercase}.tt-doctrine{font-family:var(--font-mono);font-size:12px;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;width:100%}.tt-kind{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:1px}.tt-progress{font-size:13px;color:#fff9;margin-bottom:8px}.tt-active-tag{color:#3daa6f;font-weight:800}.tt-desc{font-size:13px;color:#ffffff80}.tt-thresholds{display:flex;flex-direction:column;gap:4px}.tt-threshold{display:flex;gap:8px;font-size:13px;color:#fff6}.tt-threshold.active{color:#3daa6f}.tt-count{font-weight:800;min-width:26px}.tt-effect{flex:1;line-height:1.4}.contract-tooltip{position:fixed;z-index:1000;pointer-events:none;background:#080a10f2;border:1px solid rgba(126,184,201,.3);border-radius:8px;padding:12px 14px;min-width:240px;max-width:340px;font-family:var(--font-mono);font-size:13px;color:#ccc;box-shadow:0 0 12px #7eb8c926;opacity:0;transform:scale(.92);transition:opacity .15s ease,transform .15s ease}.contract-tooltip.visible{opacity:1;transform:scale(1)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--base-black);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);color:var(--neon-cyan);font-size:14px;z-index:9999}.loading-overlay.hidden{display:none}@supports not (-webkit-backdrop-filter: blur(1px)){.card-info{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--card-info-bg, rgba(10,12,18,.95))!important}.trait-badge{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000d9}.combat-log-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e0e11f7}}@media(hover:none),(max-width:1024px)and (pointer:coarse){.trait-badge,.card-info{backdrop-filter:none;-webkit-backdrop-filter:none}.card-glow-wrap{animation:none!important;transform-style:flat;box-shadow:0 0 6px var(--rarity-glow, transparent)}.card-hex-overlay:before,.card-hex-overlay:after{animation:none!important}.holo-stars .star-on{filter:none}}