:root{color:#18332a;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f7ef;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 12%,#ffd54f33,#0000 24rem),radial-gradient(circle at 8% 80%,#62b87a2e,#0000 26rem),#f3f7ef;min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;content:"";background-image:radial-gradient(#18332a14 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}a{color:inherit}.site-header{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);margin:0 auto;padding:24px 0;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(#ef6256 0 45%,#18332a 45% 55%,#fff 55%);border:3px solid #18332a;border-radius:50%;width:38px;height:38px;box-shadow:3px 3px #18332a}.brand strong,.brand small{display:block}.brand strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.94rem}.brand small{color:#64756e;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.site-header nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #cfdbd1;border-radius:999px;gap:8px;padding:5px;display:flex}.site-header nav a{color:#64756e;border-radius:999px;padding:9px 15px;font-size:.88rem;font-weight:600;text-decoration:none}.site-header nav a[data-status=active]{color:#fff;background:#18332a}.site-navigation{justify-items:end;gap:8px;display:grid}.navigation-status{color:#456158;letter-spacing:.03em;text-transform:uppercase;background:#ffffff9e;border:1px solid #bfd0c2;border-radius:999px;align-items:center;gap:7px;min-height:24px;padding:4px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.65rem;font-weight:700;display:inline-flex}.navigation-status-dot{background:#318c55;border-radius:50%;width:7px;height:7px}.navigation-status[data-state=route-loading]{color:#7b5319;background:#fff4dc;border-color:#e1bd7f}.navigation-status[data-state=route-loading] .navigation-status-dot{background:#d1841f;animation:.9s ease-in-out infinite status-pulse}.navigation-status[data-state=garbage-collection]{color:#5a407d;background:#f3ecfb;border-color:#c9b8df}.navigation-status[data-state=garbage-collection] .navigation-status-dot{background:0 0;border:2px solid #7456a5;border-top-color:#0000;animation:.7s linear infinite status-spin}.site-header a[aria-disabled=true],.instruction-links a[aria-disabled=true],.experiment-link[aria-disabled=true]{cursor:not-allowed;opacity:.48;pointer-events:none}.experiment-layout{grid-template-columns:minmax(300px,.8fr) minmax(440px,1.2fr);align-items:start;gap:clamp(44px,7vw,100px);width:min(1180px,100% - 40px);min-height:calc(100vh - 110px);margin:0 auto;padding:clamp(36px,7vh,72px) 0 90px;display:grid}.experiment-instructions{align-self:start;position:sticky;top:36px}.experiment-instructions h1,.start-card h2,.pending-card h1{color:#18332a;letter-spacing:-.055em;margin:10px 0 22px;line-height:.98}.experiment-instructions h1{max-width:11ch;font-size:clamp(2.8rem,5vw,5.2rem)}.instruction-summary,.start-card>p:not(.eyebrow),.pending-card p:not(.eyebrow){color:#64756e;font-size:1.02rem;line-height:1.7}.instruction-summary{max-width:48ch}.instruction-steps{gap:18px;margin:32px 0 0;padding:0;list-style:none;display:grid}.instruction-steps li{grid-template-columns:30px 1fr;gap:12px;display:grid}.instruction-steps li>span{color:#318c55;padding-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;font-weight:700}.instruction-steps strong{color:#18332a;font-size:.94rem}.instruction-steps p{color:#64756e;margin:5px 0 0;font-size:.84rem;line-height:1.5}.instruction-links{gap:8px;margin-top:28px;display:flex}.instruction-links a{color:#456158;background:#ffffff8c;border:1px solid #bfd0c2;border-radius:9px;padding:9px 13px;font-size:.78rem;font-weight:700;text-decoration:none}.instruction-links a[data-status=active]{color:#fff;background:#18332a;border-color:#18332a}.instruction-note{color:#718078;max-width:50ch;margin:24px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;line-height:1.55}.experiment-output{align-items:center;min-width:0;min-height:min(700px,100vh - 170px);display:grid}.experiment-output>*{width:100%}.experiment-placeholder{min-height:inherit;color:#64756e;text-align:center;border:1px dashed #bfd0c2;border-radius:22px;place-content:center;padding:36px;display:grid}.experiment-placeholder p{margin:0}.experiment-placeholder .eyebrow{margin-bottom:8px}.start-card{background:#fffdf7e0;border:1px solid #c7d7c8;border-radius:30px;padding:clamp(32px,6vw,58px);box-shadow:0 30px 80px #2447341a,7px 7px #18332a}.start-card h2{max-width:9ch;font-size:clamp(2.5rem,5vw,4.5rem)}.start-card>p:not(.eyebrow){max-width:48ch}.experiment-grid{gap:14px;margin-top:36px;display:grid}.experiment-link{background:#fffdf7d1;border:1px solid #c7d7c8;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;padding:22px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:4px 4px #18332a}.experiment-link:hover{transform:translate(-3px,-3px);box-shadow:7px 7px #18332a}.experiment-link[aria-disabled=true]{transform:none;box-shadow:4px 4px #18332a}.experiment-link:focus-visible{outline-offset:4px;outline:3px solid #318c55}.experiment-number{color:#318c55;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:700}.experiment-copy,.experiment-copy strong,.experiment-copy span{display:block}.experiment-copy strong{color:#18332a;margin-bottom:10px;font-size:1.22rem}.experiment-copy span{color:#64756e;font-size:.9rem;line-height:1.55}.experiment-arrow{color:#18332a;font-size:1.35rem;line-height:.8}.eyebrow{color:#318c55;letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:700}.pokemon-card{background:#fffdf7;border:1px solid #18332a2e;border-radius:34px;position:relative;overflow:hidden;box-shadow:0 30px 80px #24473426,7px 7px #18332a}.pokemon-art{background:radial-gradient(circle,#ffffffd1 0 26%,#0000 27%),repeating-radial-gradient(circle,#0000 0 18px,#1d533212 19px 20px),#a8d78e;place-items:center;min-height:360px;display:grid;position:relative}.pokemon-art img{z-index:1;filter:drop-shadow(0 24px 17px #1f442b3d);width:min(78%,380px)}.dex-number{color:#18332a75;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;position:absolute;top:24px;right:28px}.pokemon-copy{padding:34px 38px 40px}.pokemon-copy h1{text-transform:capitalize;margin:5px 0 12px;font-size:clamp(2.4rem,5vw,4rem);line-height:1}.types{gap:8px;display:flex}.types span{color:#fff;text-transform:uppercase;background:#318c55;border-radius:999px;padding:6px 12px;font-size:.76rem;font-weight:700}.types span+span{background:#7456a5}.description{color:#64756e;line-height:1.6}.stats{background:#dce4db;border:1px solid #dce4db;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin:28px 0 0;display:grid;overflow:hidden}.stats div{background:#f7faf4;padding:15px}.stats dt{color:#718078;text-transform:uppercase;font-size:.7rem}.stats dd{margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;font-weight:700}.pending-shell{place-items:center;min-height:min(700px,100vh - 170px);padding:28px 0;display:grid}.pending-card{background:#fffdf7e6;border:1px solid #c7d7c8;border-radius:30px;width:min(620px,100%);padding:clamp(30px,6vw,60px);box-shadow:7px 7px #18332a}.pending-card h1{font-size:clamp(2rem,5vw,3.8rem)}.pokeball{background:linear-gradient(#ef6256 0 44%,#18332a 44% 56%,#fff 56%);border:4px solid #18332a;border-radius:50%;width:58px;height:58px;margin-bottom:28px;animation:1s ease-in-out infinite wobble;position:relative}.pokeball span{background:#fff;border:4px solid #18332a;border-radius:50%;width:17px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-track{background:#dce8dc;border-radius:99px;height:5px;margin-top:34px;overflow:hidden}.loading-track span{border-radius:inherit;background:#318c55;width:40%;height:100%;animation:1.1s ease-in-out infinite load;display:block}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes load{0%{transform:translate(-110%)}to{transform:translate(360%)}}@keyframes status-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes status-spin{to{transform:rotate(360deg)}}@media (width<=820px){.site-header{align-items:flex-start}.experiment-layout{grid-template-columns:1fr;gap:48px;padding-top:35px}.experiment-instructions{position:static}.experiment-instructions h1{max-width:13ch}.experiment-grid{grid-template-columns:1fr}.experiment-output,.pending-shell{min-height:560px}.pokemon-card{width:min(100%,600px);margin:0 auto}}@media (width<=560px){.site-header{width:min(100% - 24px,1120px)}.brand small{display:none}nav a{padding:8px 10px;font-size:.76rem}.experiment-layout{width:min(100% - 24px,1180px)}.experiment-link{padding:22px 18px}.start-card,.pending-card{padding:28px 22px}.pokemon-art{min-height:280px}.pokemon-copy{padding:26px 24px 30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
