:root{--bg: #0b0a10;--bg-soft: #14121c;--panel: #1b1826;--ink: #ece8f5;--ink-dim: #9c94b4;--accent: #b8ff3d;--accent-2: #7c3aed;--danger: #ff3b57;--web: rgba(255, 255, 255, .08);--font: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--font);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.05'%3E%3Ccircle cx='110' cy='110' r='30'/%3E%3Ccircle cx='110' cy='110' r='60'/%3E%3Ccircle cx='110' cy='110' r='90'/%3E%3Ccircle cx='110' cy='110' r='120'/%3E%3Cline x1='110' y1='0' x2='110' y2='220'/%3E%3Cline x1='0' y1='110' x2='220' y2='110'/%3E%3Cline x1='0' y1='0' x2='220' y2='220'/%3E%3Cline x1='220' y1='0' x2='0' y2='220'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font);letter-spacing:-.01em}.app-shell{min-height:100%;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--web);position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0a10b3;z-index:20}.nav__brand{font-size:1.35rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:var(--ink)}.nav__brand span{animation:dangle 3.5s ease-in-out infinite;transform-origin:top center;display:inline-block}.nav__links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-left:auto;font-size:.98rem}.nav__links a{color:var(--ink-dim)}.nav__links a.active{color:var(--accent)}.nav__toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--web);color:var(--ink);font-size:1.1rem;line-height:1;padding:.4rem .6rem;cursor:pointer}@media (max-width: 399.98px){.nav{gap:.75rem}.nav__brand{font-size:1.15rem}.nav__toggle{display:block}.nav__links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:.9rem;margin-left:0;padding:1rem clamp(1rem,4vw,3rem) 1.25rem;border-bottom:1px solid var(--web);background:#0b0a10f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 32px #00000073;font-size:1.05rem}.nav.is-menu-open .nav__links{display:flex}}.page{flex:1;width:min(1000px,100%);margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,4vw,2rem)}.footer{border-top:1px solid var(--web);padding:1.5rem;text-align:center;color:var(--ink-dim);font-size:.85rem}.footer p{margin:.35rem 0}.footer__shop a{color:var(--accent);font-weight:700;letter-spacing:.02em}.footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.1rem;margin:.9rem 0}.footer__links a{color:var(--ink-dim)}.footer__links a:hover{color:var(--accent)}.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);margin:0 0 .5rem;line-height:1.05}.hero p.lede{font-size:1.15rem;color:var(--ink-dim)}.card{background:var(--panel);border:1px solid var(--web);padding:1.5rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2rem}.btn{display:inline-block;background:var(--accent);color:#10210a;font-weight:700;font-family:inherit;border:none;padding:.7rem 1.4rem;font-size:1rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b8ff3d40}.btn--ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(circle at 50% 30%,#17141f,#060509 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.loader__web{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}.loader__thread{position:absolute;top:0;left:50%;width:2px;height:var(--drop, 38%);background:linear-gradient(var(--web),rgba(255,255,255,.35));transform:translate(-50%);transition:height .25s ease}.loader__spider{font-size:clamp(3rem,12vw,6rem);filter:drop-shadow(0 10px 20px rgba(0,0,0,.6));animation:spider-bob 1.6s ease-in-out infinite;position:relative;z-index:2}.loader__title{margin-top:2.5rem;font-size:1.4rem;letter-spacing:.35em;text-transform:uppercase;color:var(--ink-dim);z-index:2}.loader__bar{margin-top:1.2rem;width:min(340px,70vw);height:8px;background:#ffffff14;overflow:hidden;z-index:2}.loader__bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .2s ease}.loader__hint{margin-top:1rem;font-size:.85rem;color:#ffffff40;letter-spacing:.1em;z-index:2}.jumpscare{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#060509eb;display:flex;align-items:center;justify-content:center;animation:jumpscare-fade 1.1s ease forwards}.jumpscare__face{font-size:40vh;line-height:1;transform-origin:center;animation:pop-in 1.1s cubic-bezier(.2,1.4,.3,1) forwards;filter:drop-shadow(0 20px 45px rgba(0,0,0,.7))}.game{margin-top:2rem}.game__hud{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:.9rem}.game__stat{background:var(--panel);border:1px solid var(--web);padding:.4rem .9rem;font-size:.95rem}.game__stat b{color:var(--accent);font-size:1.1rem}.game__arena{position:relative;width:100%;aspect-ratio:16 / 10;min-height:360px;border:1px solid var(--web);background:radial-gradient(600px 300px at 20% 20%,rgba(124,58,237,.18),transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 12px,transparent 12px 24px),var(--bg-soft);overflow:hidden;cursor:crosshair;-webkit-user-select:none;user-select:none}.game__arena.is-idle,.game__arena.is-over{aspect-ratio:auto;height:auto;min-height:400px;display:flex;align-items:center;justify-content:center;cursor:default}.game__arena.is-idle .webgame__svg,.game__arena.is-over .webgame__svg{position:absolute;top:0;right:0;bottom:0;left:0}.game__overlay{text-align:center;padding:2rem}.game__overlay h3{font-size:1.8rem;margin:0 0 .5rem}.game__overlay p{color:var(--ink-dim);margin:0 0 1.25rem}.bug{position:absolute;font-size:2.2rem;cursor:pointer;transition:transform .08s ease;will-change:left,top,transform;transform:translate(-50%,-50%) rotate(var(--r, 0deg))}.bug:hover{transform:translate(-50%,-50%) rotate(var(--r, 0deg)) scale(1.12)}.bug.is-golden{filter:drop-shadow(0 0 12px gold)}.bug.is-squished{animation:squish .3s ease forwards;pointer-events:none}.splat{position:absolute;font-size:2rem;pointer-events:none;transform:translate(-50%,-50%);animation:splat .6s ease forwards}.game__note{margin-top:.75rem;color:var(--ink-dim);font-size:.9rem}.game-picker{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:2rem}.game-card{position:relative;background:var(--panel);border:1px solid var(--web);overflow:hidden;transition:border-color .15s ease,transform .12s ease}.game-card:hover{transform:translateY(-2px);border-color:var(--accent)}.game-card__select{display:flex;flex-direction:column;width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:none;padding:0;cursor:pointer}.game-card__img{display:block;width:100%;height:150px;object-fit:cover;filter:saturate(.85) brightness(.85);transition:filter .15s ease}.game-card:hover .game-card__img{filter:saturate(1) brightness(1)}.game-card__body{padding:1.25rem 1.4rem 1.4rem}.game-card__tag{display:inline-block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);border:1px solid var(--accent-2);padding:.1rem .6rem;margin-bottom:.6rem}.game-card__body h3{margin:0 0 .4rem;font-size:1.25rem}.game-card__body p{margin:0;color:var(--ink-dim);font-size:.92rem}.game-card__credit{position:absolute;right:8px;top:8px;font-size:.68rem;color:#fffc;background:#0009;padding:.1rem .4rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-card__credit:hover{color:var(--accent);text-decoration:underline}.home__shop{margin:.4rem 0 0;font-size:.9rem}.home__shop a{color:var(--accent);font-weight:700}.home__back{margin-bottom:1.25rem;padding:.45rem 1rem;font-size:.88rem}.home__game2{margin-top:2.5rem}.home__game2>h2{margin:0 0 .4rem;font-size:1.6rem}.webgame__wrap{padding:0;touch-action:none;-webkit-tap-highlight-color:transparent}.webgame__svg{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.webgame__frame line{stroke:#ffffff24;stroke-width:2;stroke-dasharray:5 6}.webgame__threads{stroke:#ece8f5d9;stroke-width:2;filter:drop-shadow(0 0 3px rgba(184,255,61,.35))}.webgame__threads line{stroke:inherit}.webgame__guide line{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3 4;opacity:.8}.webgame__guide text{fill:var(--accent);font-size:13px;font-family:var(--font)}.webgame__nodes{cursor:pointer}.webgame__hit{fill:transparent;pointer-events:all}.webgame__nodes .is-anchor{fill:var(--accent-2);stroke:#ffffff80;stroke-width:1.5}.webgame__nodes .is-node{fill:var(--ink)}.webgame__nodes .is-selected{fill:var(--accent);stroke:var(--accent);stroke-width:3;stroke-opacity:.35}.webgame__spider{font-size:30px;dominant-baseline:middle}.webgame__bug{font-size:24px;dominant-baseline:middle}.webgame__silkstat{display:flex;align-items:center;gap:.5rem}.webgame__silk{display:block;width:90px;height:8px;background:#ffffff14;overflow:hidden}.webgame__silk>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .2s ease}.webgame__clear{padding:.35rem .9rem;font-size:.85rem}.webgame__overlay{position:relative;z-index:1;width:100%;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1rem;background:#0b0a10d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.webgame__overlay h3{font-size:1.8rem;margin:0 0 .5rem}.webgame__overlay p{color:var(--ink-dim);margin:0 0 1.25rem;max-width:46ch;padding:0 1.5rem}.fact-list{display:grid;gap:.75rem;margin-top:1.5rem;padding:0;list-style:none}.fact-list li{background:var(--panel);border:1px solid var(--web);border-left:3px solid var(--accent);padding:.9rem 1.1rem}.species-photo{margin:-1.5rem -1.5rem 1rem;position:relative}.species-photo img{display:block;width:100%;height:180px;object-fit:cover;background:var(--bg-soft)}.species-photo figcaption{position:absolute;right:6px;bottom:6px;font-size:.68rem;background:#0009;padding:.1rem .4rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.species-photo figcaption a{color:#fffc}.poems{margin-top:2rem;columns:2 320px;column-gap:1.5rem}.poem{break-inside:avoid;display:inline-block;width:100%;margin:0 0 1.5rem;padding:1.6rem;background:var(--panel);border:1px solid var(--web)}.poem__title{margin:0;font-size:1.35rem}.poem__by{margin:.2rem 0 1rem;color:var(--accent);font-size:.85rem;letter-spacing:.04em}.poem__body{color:var(--ink);line-height:1.7}.poem__line{display:block}.poem__body br{line-height:1}.poem__note{margin:1rem 0 0;padding-top:.85rem;border-top:1px solid var(--web);font-size:.8rem;font-style:italic;color:var(--ink-dim)}.jokes{margin:1.5rem 0 0;padding:0;list-style:none;display:grid;gap:.75rem}.jokes__tag{margin:0 0 .4rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.joke{width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--web);border-left:3px solid var(--accent-2);padding:1rem 1.2rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.joke:hover,.joke.is-open{border-left-color:var(--accent)}.joke__setup{display:block;font-size:1.05rem}.joke__punch{display:block;margin-top:.5rem;color:var(--ink-dim);font-style:italic}.joke.is-open .joke__punch{color:var(--accent);font-style:normal;animation:fact-in .25s ease}.fact-card{display:block;width:100%;text-align:left;font:inherit;color:var(--ink);margin-top:2rem;padding:2rem;background:var(--panel);border:1px solid var(--web);border-left:3px solid var(--accent);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.fact-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 32px #00000059}.fact-card:active{transform:translateY(0)}.fact-card:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.fact-card__mark{font-size:1.6rem;display:block;margin-bottom:.75rem}.fact-card__text{display:block;font-size:clamp(1.15rem,2.6vw,1.5rem);line-height:1.4;animation:fact-in .35s ease}.fact-card__hint{display:block;margin-top:1.25rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}@keyframes fact-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.species-card h3{margin:0 0 .3rem}.species-card .tag{display:inline-block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);border:1px solid var(--accent-2);padding:.1rem .6rem;margin-bottom:.5rem}.species-card p{color:var(--ink-dim);margin:.3rem 0 0}.species-emoji{font-size:2.5rem}.guide__search{width:100%;margin:1.5rem 0 .5rem;padding:.75rem 1rem;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--web)}.guide__search::placeholder{color:var(--ink-dim)}.guide__search:focus{outline:2px solid var(--accent-2);outline-offset:1px}.guide__group{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--web)}.guide__head{display:flex;align-items:center;gap:1rem}.guide__head h2{margin:0;font-size:1.5rem}.guide__family{margin:.15rem 0 0;font-style:italic;color:var(--ink-dim);font-size:.9rem}.guide__strategy{margin:.9rem 0 0;color:var(--ink);max-width:70ch}.guide__group .grid{margin-top:1.25rem}.guide__more{margin-top:1.1rem;font-size:.92rem}.anatomy-figure{margin:2rem 0 0;padding:1.5rem;background:#f5f3ee;border:1px solid var(--web)}.anatomy-figure img{display:block;width:100%;max-width:560px;margin:0 auto}.anatomy-figure--legs img{max-width:620px}.anatomy-figure figcaption{margin-top:1rem;text-align:center;font-size:.8rem;color:#57534a}.anatomy-figure figcaption a{color:#3d3a33;text-decoration:underline}.anatomy-grid{margin-top:1.5rem}.anatomy-card h3{margin:0 0 .4rem;font-size:1.05rem}.anatomy-card__aka{font-style:italic;font-weight:400;font-size:.85rem;color:var(--ink-dim)}.anatomy-card p{margin:0;color:var(--ink-dim);font-size:.9rem}.anatomy-subhead{margin:3rem 0 .4rem;font-size:1.5rem}.anatomy-legsteps{display:grid;gap:.6rem;margin:1.5rem 0 0;padding:0;list-style:none}.anatomy-legsteps li{background:var(--panel);border:1px solid var(--web);border-left:3px solid var(--accent-2);padding:.75rem 1rem}@keyframes dangle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes spider-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(14px) rotate(3deg)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}45%{transform:scale(1.12);opacity:1}60%{transform:scale(1)}78%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:0}}@keyframes jumpscare-fade{0%,72%{opacity:1}to{opacity:0}}@keyframes squish{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.8,.3);opacity:0}}@keyframes splat{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@media (prefers-reduced-motion: reduce){.jumpscare,.jumpscare__face,.loader__spider,.nav__brand span{animation:none!important}}