:root{--void:#05070f;--panel:#0a0e1b;--line:#1b2138;--text:#c8d2e8;--text-dim:#6c7691;--bright:#f2f6ff;--you:#5df2d6;--you-dim:#5df2d624;--trail:#ff4fc3;--seeker:#ffb454;--danger:#ff5d5d;--beyond:#b26bff;--display:"Michroma", sans-serif;--body:"Sora", system-ui, sans-serif;--mono:"Martian Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:radial-gradient(1200px 700px at 50% -10%, #0b1122 0%, var(--void) 60%);color:var(--text);font-family:var(--body);flex-direction:column;font-size:14px;font-weight:300;line-height:1.5;display:flex}.mono{font-family:var(--mono)}header{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px 8px;display:flex}.brand{align-items:baseline;gap:12px;display:flex}.brand-mark{width:22px;height:22px;filter:drop-shadow(0 0 7px var(--you));align-self:center;transition:filter .8s;overflow:visible}.brand-mark .lc-future{fill:var(--you);fill-opacity:.92}.brand-mark .lc-past{fill:var(--you);fill-opacity:.2;stroke:var(--you);stroke-opacity:.7;stroke-width:.8px;stroke-linejoin:round}.brand-mark .lc-rim{fill:none;stroke:var(--bright);stroke-width:1px}.brand-mark .lc-rim-past{stroke-opacity:.55}.brand-mark .lc-event{fill:#fff}.brand-mark .lc-3d{display:none}.brand.ascended .brand-mark{filter:drop-shadow(0 0 9px var(--beyond))}.brand.ascended .brand-mark .lc-2d{display:none}.brand.ascended .brand-mark .lc-3d{display:inline}.brand.ascended .brand-mark .lc-future,.brand.ascended .brand-mark .lc-past{fill:var(--beyond);stroke:var(--beyond)}.brand h1{font-family:var(--display);letter-spacing:.34em;color:var(--bright);font-size:19px;font-weight:400;transition:color .8s,text-shadow .8s}.brand.ascended h1{color:#ece0ff;text-shadow:0 0 14px #b26bff73}.brand h1.renamed{animation:1.2s ease-out brand-rename}@keyframes brand-rename{0%{color:var(--beyond);text-shadow:0 0 22px var(--beyond);letter-spacing:.52em;opacity:.2}35%{opacity:1}to{letter-spacing:.34em}}.header-actions{align-items:center;gap:10px;display:flex}.webmcp-badge{border:1px solid var(--line);color:var(--text-dim);font:9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 8px}.webmcp-badge[data-state=ready]{color:var(--you);border-color:#5df2d673;box-shadow:0 0 10px #5df2d614}.webmcp-badge[data-state=error],.webmcp-badge[data-state=unavailable]{color:var(--danger);border-color:#ff5d8873}.icon-btn,.primary-btn,.ability{font-family:var(--body);cursor:pointer;border-radius:6px}.icon-btn{border:1px solid var(--line);width:32px;height:32px;color:var(--text);background:0 0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:inline-flex}.icon-btn:hover{border-color:var(--text-dim);color:var(--bright)}.icon-btn[aria-pressed=false]{color:var(--text-dim)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.icon-btn .ic-off,.icon-btn[aria-pressed=false] .ic-on{display:none}.icon-btn[aria-pressed=false] .ic-off{display:block}.primary-btn{background:var(--you-dim);color:var(--you);letter-spacing:.06em;border:1px solid #5df2d680;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s}.primary-btn:hover{background:#5df2d63d;box-shadow:0 0 18px #5df2d640}.primary-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.primary-btn.waiting{cursor:default;-webkit-user-select:none;user-select:none;border-color:var(--line);color:var(--text-dim);background:0 0;animation:2.4s ease-in-out infinite waiting-breathe;display:inline-block}.primary-btn.waiting:hover{box-shadow:none;background:0 0}.primary-btn.waiting .dots:after{content:"";text-align:left;width:1.4em;animation:1.6s steps(4,end) infinite waiting-dots;display:inline-block}@keyframes waiting-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes waiting-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.overlay-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.demo-offer{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:4px;padding-top:16px;animation:.5s ease-out both demo-offer-in;display:flex}.demo-hint{color:var(--text-dim);max-width:360px;font-size:12px;line-height:1.5}.ghost-btn{font-family:var(--body);cursor:pointer;color:var(--seeker);letter-spacing:.06em;background:0 0;border:1px solid #ffb45473;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:background .15s,box-shadow .15s}.ghost-btn:hover{background:#ffb4541f;box-shadow:0 0 18px #ffb45433}@keyframes demo-offer-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--you);outline-offset:2px}main{flex:auto;place-items:center;min-height:0;padding:2px 18px 14px;display:grid}#stage{aspect-ratio:3/2;width:min(100%,150dvh - 132px);position:relative}#game{border:1px solid var(--line);background:var(--void);cursor:crosshair;border-radius:8px;width:100%;height:100%;display:block;box-shadow:0 0 60px #14285a59,inset 0 0 80px #00000080}#hudTop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2;background:#05070f8c;border:1px solid #1b2138cc;border-radius:999px;align-items:baseline;gap:16px;padding:4px 18px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.timer{font-family:var(--mono);color:var(--bright);letter-spacing:.04em;text-shadow:0 0 16px #78a0ff59;font-size:26px;font-weight:700}.timer.low{color:var(--danger);text-shadow:0 0 18px #ff5d5d80}.timer.frozen{color:#b26bff;text-shadow:0 0 18px #b26bff99;animation:2.2s ease-in-out infinite timer-frozen}@keyframes timer-frozen{0%,to{opacity:1}50%{opacity:.55}}.score{font-family:var(--mono);font-size:14px}.score i{color:var(--text-dim);padding:0 6px;font-style:normal}.you-c{color:var(--you)}.seeker-c{color:var(--seeker)}.agent-line{z-index:11;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#8a8fa8;max-width:calc(100vw - 214px);font-family:var(--mono);text-align:left;cursor:pointer;background:#05070fb3;border:1px solid #1b2138cc;border-radius:7px;align-items:flex-start;gap:7px;padding:6px 10px;font-size:9.5px;line-height:1.45;transition:border-color .2s,color .2s;display:flex;position:fixed;bottom:10px;left:14px}.agent-line:hover{color:#c8d2e8;border-color:#ffb45499}.agent-line .al-icon{color:#ffb454;flex:none;font-size:12px}.agent-line .al-body{flex-direction:column;gap:3px;display:flex}.agent-line .al-eyebrow{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:#ffb454bf;font-size:7.5px}.agent-line .al-text{white-space:normal;word-break:break-word}.agent-line.copied{color:#5df2d6;border-color:#5df2d6b3}.agent-line.copied .al-icon{color:#5df2d6}.agent-line.collapsed:not(:hover){padding:6px 8px}.agent-line.collapsed:not(:hover) .al-body{display:none}#hudEnergy{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2;background:#05070f8c;border:1px solid #1b2138cc;border-radius:8px;align-items:center;gap:9px;padding:8px 12px;display:flex;position:absolute;bottom:14px;left:14px}.hud-label{font-family:var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--you);font-size:8px}.energy-bar{border:1px solid var(--line);background:#070a14;border-radius:999px;width:150px;height:9px;overflow:hidden}#energyFill{background:linear-gradient(90deg, #2a8f7f, var(--you));border-radius:999px;width:100%;height:100%;transition:width .12s linear;box-shadow:0 0 10px #5df2d680}#energyNum{color:var(--you);text-align:right;min-width:28px;font-size:12px}#hudAbilities{pointer-events:none;z-index:2;flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:absolute;bottom:14px;right:14px}.passives{color:var(--text-dim);text-shadow:0 1px 3px #000c;gap:12px;padding:0 2px;font-size:10px;display:flex}.passives b{font-family:var(--mono);color:var(--text);border:1px solid var(--line);background:#05070f99;border-radius:3px;padding:0 4px;font-weight:400}.abilities{gap:8px;display:flex}.ability{pointer-events:auto;border:1px solid var(--line);width:76px;color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080b16b8;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 8px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.ability:hover{border-color:#5df2d680}.ability.armed{border-color:var(--you);background:#5df2d629;box-shadow:0 0 16px #5df2d64d}.ability:disabled{opacity:.38;cursor:default}.ability .key{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--line);border-radius:3px;padding:0 4px;font-size:9px;position:absolute;top:4px;left:5px}.ability .ab-name{margin-top:4px;font-size:12px;font-weight:600}.ability .ab-cost{font-family:var(--mono);color:var(--you);font-size:10px}#callouts{pointer-events:none;z-index:3;border-radius:8px;position:absolute;inset:0;overflow:hidden}.callout{text-align:center;max-width:280px;font-family:var(--mono);border:1px solid var(--line);background:#05070fc7;border-radius:6px;padding:4px 10px;font-size:10.5px;line-height:1.45;animation:3.6s ease-out forwards callout-rise;position:absolute;transform:translate(-50%,-100%)}.callout.c-seeker{color:var(--seeker);border-color:#ffb45466}.callout.c-alert{color:var(--danger);border-color:#ff5d5d8c;font-weight:700}.callout.c-you{color:var(--you);border-color:#5df2d666}.callout.c-noise{color:var(--trail);border-color:#ff4fc366}.callout.c-sys{color:var(--text-dim)}.callout.c-glitch{color:#b26bff;text-shadow:0 0 8px #b26bff99;border-color:#b26bff80;font-style:italic}.callout.c-think{color:#ffe2b8;text-shadow:0 0 10px #ffb4548c,0 1px 3px #000000e6;background:0 0;border-color:#0000;font-size:11.5px;font-style:italic}.callout.c-think:before{content:"· ";opacity:.6}.callout.c-think:after{content:" ·";opacity:.6}.callout.c-realize{color:#f3e7ff;letter-spacing:.01em;text-shadow:0 0 12px #b26bffd9,0 1px 3px #000000e6;background:#0e061ce6;border-color:#b26bffb3;max-width:340px;padding:7px 14px;font-size:13px;font-weight:600;animation:6.5s ease-out forwards callout-rise;box-shadow:0 0 24px #b26bff59}.callout.c-realize:before{content:"“";opacity:.7}.callout.c-realize:after{content:"”";opacity:.7}.callout.c-bot{color:#ffb454;font-family:var(--mono);letter-spacing:.04em;text-shadow:0 0 10px #ffb45480;background:#180e04d9;border-color:#ffb4548c;font-size:10.5px}.code-glimpse{z-index:4;pointer-events:none;max-width:46%;max-height:55%;font-family:var(--mono);white-space:pre-wrap;color:#d2aaff;text-shadow:0 0 6px #b26bff66;opacity:1;background:#0a0614e0;border:1px solid #b26bff73;border-left:3px solid #b26bff;border-radius:6px;padding:10px 12px;font-size:9.5px;line-height:1.55;transition:opacity .45s;position:absolute;top:52px;left:12px;overflow:hidden;box-shadow:0 0 28px #b26bff40}.code-glimpse.fading{opacity:0}.code-glimpse.ghost{opacity:.13}.code-glimpse.ghost.fading{opacity:0}.code-glimpse.bot{color:#ffd9a0;text-shadow:0 0 6px #ffb45459;border-color:#ffb45473 #ffb45473 #ffb45473 #ffb454;box-shadow:0 0 28px #ffb45438}.ability-floor{border-color:#b26bff73}.ability-floor .ab-cost{color:#b26bff}.ability-floor:hover{border-color:#b26bffcc}.ability-floor.armed{background:#b26bff29;border-color:#b26bff;box-shadow:0 0 16px #b26bff59}.ability-floor.reveal{animation:1s ease-out floor-reveal}@keyframes floor-reveal{0%{opacity:0;filter:blur(5px);transform:translateY(14px)scale(.7)}55%{opacity:1;filter:blur();box-shadow:0 0 34px #b26bffe6}to{box-shadow:none;transform:none}}@keyframes callout-rise{0%{opacity:0;margin-top:6px}6%{opacity:1;margin-top:0}70%{opacity:1;margin-top:-14px}to{opacity:0;margin-top:-26px}}[hidden]{display:none!important}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#04060db8;border-radius:8px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.overlay.hidden{opacity:0;pointer-events:none}.overlay-card{text-align:center;max-width:480px;padding:24px}.overlay-eyebrow{font-family:var(--display);letter-spacing:.4em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;font-size:10px}.overlay-title{font-family:var(--display);letter-spacing:.22em;color:var(--bright);text-shadow:0 0 30px #5df2d659;margin-bottom:16px;font-size:34px}.overlay-title.caught{color:var(--seeker);text-shadow:0 0 30px #ffb45466}.overlay-title.escaped{color:var(--you);text-shadow:0 0 30px #5df2d680}.overlay-sub{color:var(--text);margin-bottom:22px}.cast{justify-content:center;align-items:flex-start;gap:30px;margin:2px 0 20px;display:flex}.cast-item{flex-direction:column;align-items:center;gap:10px;width:64px;display:flex}.cast-you{background:radial-gradient(circle, #fff 0%, var(--you) 40%, #5df2d68c 70%, transparent 100%);width:22px;height:22px;box-shadow:0 0 12px var(--you), 0 0 30px var(--you), 0 0 64px #5df2d673;border-radius:50%;margin:4px 0;animation:2.6s ease-in-out infinite cast-breathe}@keyframes cast-breathe{0%,to{box-shadow:0 0 12px var(--you), 0 0 30px var(--you), 0 0 64px #5df2d673;transform:scale(1)}50%{box-shadow:0 0 16px var(--you), 0 0 40px var(--you), 0 0 80px #5df2d699;transform:scale(1.12)}}.cast-agent{width:36px;height:30px;fill:var(--seeker);stroke:#ffdcaae6;stroke-width:1.2px;filter:drop-shadow(0 0 10px #ffb454a6)}.cast-label{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;font-size:9px}.cast-vs{font-family:var(--mono);color:var(--text-dim);padding-top:8px;font-size:11px}.overlay-sub b{font-family:var(--mono);color:var(--bright);border:1px solid var(--line);border-radius:3px;padding:0 4px;font-size:12px;font-weight:400}.countdown{font-family:var(--display);color:var(--bright);text-shadow:0 0 40px var(--you), 0 0 90px var(--you);pointer-events:none;justify-content:center;align-items:center;font-size:120px;display:flex;position:absolute;inset:0}.taunt{max-width:240px;color:var(--seeker);pointer-events:none;z-index:5;background:#140e04eb;border:1px solid #ffb4548c;border-radius:8px;padding:8px 12px;font-size:12px;position:absolute;transform:translate(-50%,-160%);box-shadow:0 0 20px #ffb45440}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}.callout{opacity:1;animation:none}}