.kromo-site{color-scheme:light;--bg:var(--paper);--bg-raised:var(--paper-2);--fg:var(--ink-900);--fg-muted:var(--ink-500);--fg-subtle:var(--ink-400);--border-kromo:var(--ink-200);--border-strong:var(--ink-300);--grad-active:var(--grad-chroma);--background:0 0% 100%;--foreground:255 76% 5%;--card:0 0% 100%;--card-foreground:255 76% 5%;--popover:0 0% 100%;--popover-foreground:255 76% 5%;--primary:249 50% 53%;--primary-foreground:0 0% 100%;--muted:248 43% 97%;--muted-foreground:249 15% 57%;--border:248 28% 94%;--input:248 28% 94%;--shadow-sm:0 1px 2px rgba(24,16,32,0.06);--shadow-md:0 6px 26px rgba(24,16,32,0.10);--shadow-lg:0 16px 50px rgba(24,16,32,0.16);--shadow-glow:0 8px 40px rgba(122,43,255,0.30);background:var(--paper);color:var(--ink-900);font-family:var(--font-body),system-ui,sans-serif;min-height:100dvh}.kromo-site .chroma-text{background:var(--grad-active);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.kromo-site .site-display{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.03em}.kromo-site .eyebrow,.kromo-site .site-mono{font-family:var(--font-mono),ui-monospace,monospace}.kromo-site .eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500)}.kromo-site .kbtn-ghost,.kromo-site .kbtn-primary,.kromo-site .kbtn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:600;font-size:14px;padding:11px 20px;cursor:pointer;text-decoration:none;transition:transform .14s var(--ease-out,ease),box-shadow .14s ease,background .14s ease;border:1px solid transparent;line-height:1}.kromo-site .kbtn-primary{color:#fff;background:var(--grad-active);box-shadow:var(--shadow-glow)}.kromo-site .kbtn-primary:hover{transform:translateY(-2px)}.kromo-site .kbtn-primary:active{transform:translateY(0) scale(.98)}.kromo-site .kbtn-secondary{color:var(--ink-900);background:var(--paper-2);border-color:var(--ink-200)}.kromo-site .kbtn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kromo-site .kbtn-ghost{color:var(--ink-600);background:transparent;padding:9px 14px}.kromo-site .kbtn-ghost:hover{color:var(--ink-900)}.kromo-site .focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(122,43,255,.35)}@media (prefers-reduced-motion:reduce){.kromo-site .kbtn-primary,.kromo-site .kbtn-secondary{transition:none}}.kromo-site .mimic{width:100%;border-radius:28px;background:var(--paper-2);border:1px solid var(--ink-200);box-shadow:var(--shadow-lg);padding:20px}@media (min-width:768px){.kromo-site .mimic{padding:22px 24px}}.kromo-site .mimic-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.kromo-site .mimic-modes{display:inline-flex;gap:6px;font-family:var(--font-mono),ui-monospace,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em}.kromo-site .mimic-modes span{padding:4px 9px;border-radius:999px;color:var(--ink-400);border:1px solid var(--ink-200);transition:color .3s,background .3s,border-color .3s}.kromo-site .mimic-modes .atk.on{color:#fff;background:linear-gradient(120deg,#FF2EA0,#FF6F3D);border-color:transparent}.kromo-site .mimic-modes .def.on{color:#06222b;background:linear-gradient(120deg,#15DCE0,#36A7FF);border-color:transparent}.kromo-site .mimic-body{display:grid;grid-template-columns:152px 1fr;gap:16px}@media (max-width:560px){.kromo-site .mimic-body{grid-template-columns:1fr}}.kromo-site .mimic-tank{position:relative;overflow:hidden;min-height:156px;display:grid;place-items:center;background:linear-gradient(160deg,#1B1330,#100B17);transition:border-radius .6s var(--ease-out,ease)}.kromo-site .mimic-tank[data-mode=atacar]{box-shadow:inset 0 0 60px rgba(255,46,160,.22)}.kromo-site .mimic-tank[data-mode=defender]{box-shadow:inset 0 0 60px rgba(21,220,224,.2)}.kromo-site .mimic-octo{position:relative;width:94px;height:94px}.kromo-site .mimic-octo img{width:94px;height:94px;display:block}.kromo-site .mimic-eyes{position:absolute;inset:0;width:100%;height:100%;z-index:4}.kromo-site .mimic-net{position:absolute;left:10px;bottom:8px;font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}.kromo-site .mimic-sweep{position:absolute;top:0;left:0;width:40%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent)}.kromo-site .mimic-ctx{display:flex;flex-direction:column;gap:10px}.kromo-site .mimic-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 11px;border-radius:999px;font-family:var(--font-mono),ui-monospace,monospace;font-size:11px}.kromo-site .mimic-arch{display:flex;align-items:center;gap:9px}.kromo-site .mimic-arch .ava{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--grad-active);color:#fff;font-family:var(--font-display),sans-serif;font-weight:700;font-size:12px;flex:none}.kromo-site .mimic-arch b{font-family:var(--font-display),sans-serif;font-size:15px;color:var(--ink-900)}.kromo-site .mimic-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-700)}.kromo-site .mimic-row .dot{width:3px;height:3px;border-radius:9px;background:var(--ink-300)}.kromo-site .mimic-row .fmt{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;color:var(--chroma-violet);padding:2px 8px;border-radius:999px;border:1px solid var(--ink-200)}.kromo-site .mimic-tone{display:flex;flex-direction:column;gap:6px}.kromo-site .mimic-tone .t{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:8px}.kromo-site .mimic-tone .tl{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-400)}.kromo-site .mimic-tone .tt{height:6px;border-radius:999px;background:var(--ink-100);overflow:hidden}.kromo-site .mimic-tone .tf{display:block;height:100%;width:var(--w);border-radius:999px;background:var(--grad-active)}.kromo-site .mimic-bio{font-size:13px;font-style:italic;line-height:1.5;color:var(--ink-500);margin:0}.kromo-site .mimic-track{margin-top:16px;height:3px;border-radius:999px;background:var(--ink-100);overflow:hidden}.kromo-site .mimic-track>span{display:block;height:100%;width:100%;background:var(--grad-active)}.kromo-site .mimic-eyepair,.kromo-site .mimic-wink-eye{transform-box:fill-box;transform-origin:center}@media (prefers-reduced-motion:no-preference){.kromo-site .mimic-octo img{animation:mimic-breathe 4.2s var(--ease-out,ease) infinite}.kromo-site .mimic-sweep{animation:mimic-sweep .9s var(--ease-out,ease) both}.kromo-site .mimic-ctx{animation:mimic-fadeup .5s var(--ease-out,ease) both}.kromo-site .mimic-tone .tf{width:0;animation:mimic-tone .7s var(--ease-out,ease) both}.kromo-site .mimic-track>span{width:0;animation:mimic-progress 4.2s linear both}.kromo-site .mimic-eyepair{animation:mimic-blink .5s var(--ease-out,ease) both}.kromo-site .mimic-wink-eye{animation:mimic-wink 2.6s var(--ease-out,ease) infinite}}@keyframes mimic-blink{0%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes mimic-wink{0%,82%,to{transform:scaleY(1)}90%{transform:scaleY(.1)}}@keyframes mimic-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes mimic-sweep{0%{transform:translateX(-120%) skewX(-16deg)}to{transform:translateX(360%) skewX(-16deg)}}@keyframes mimic-fadeup{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mimic-tone{0%{width:0}to{width:var(--w)}}@keyframes mimic-progress{0%{width:0}to{width:100%}}