.mission-page{max-width:1440px}.lab-intro{max-width:780px;font-size:1.12rem;color:var(--muted,#b8bcce);line-height:1.7}.mission-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 60px}.mission-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid #45475b;border-radius:26px;padding:28px;background:linear-gradient(145deg,#292338,#181b2b);transition:transform .25s,border-color .25s;box-shadow:0 12px 45px #08091240}.mission-card:hover{transform:translateY(-7px) rotate(-1deg);border-color:var(--lab-accent)}.pink{--lab-accent:#ef9dec}.blue{--lab-accent:#94d6ff}.mint{--lab-accent:#c8fc8c}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--lab-accent);font-size:.72rem;letter-spacing:.1em}.card-top b{font-size:3.5rem;font-weight:400}.mission-card h2{font-size:2rem;margin:25px 0 8px;color:var(--lab-accent)}.mission-card h3{font-size:1rem;font-weight:600;line-height:1.4}.mission-card p{color:#b8bcce;line-height:1.65}.card-link{margin-top:auto;padding-top:20px;color:var(--lab-accent)}.mission-board{margin:50px 0;padding:28px;border:1px solid #45475b;border-radius:28px;background:radial-gradient(ellipse at 90% 5%,#b3569020,transparent 60%),#181b2b}.lab-stats{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#c8fc8c;font-size:.82rem}.mission-orbits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.mission-orbit{display:flex;align-items:center;gap:12px;border:1px solid #45475b;border-radius:100px;text-decoration:none;padding:12px 18px;color:var(--lab-accent);background:#111321}.orbit-icon{font-size:2rem;display:inline-block}.mission-orbit small{margin-left:auto;color:#b8bcce;font-size:.7rem}.mission-orbit:hover .orbit-icon{transform:rotate(35deg);transition:transform .35s}.lab-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:26px}.lab-columns h3{font-size:.9rem}.lab-events{list-style:none;padding:0;max-height:570px;overflow:auto}.lab-events li{padding:14px 10px;border-bottom:1px solid #343749;line-height:1.6;font-size:.82rem}.lab-events b{color:#94d6ff}.lab-events small{display:block;color:#b8bcce}.lab-artifacts{display:grid;gap:12px;max-height:570px;overflow:auto}.lab-receipt{border:1px solid #45475b;border-radius:18px;padding:16px;background:#111321}.lab-receipt summary{cursor:pointer;line-height:1.6;color:#c8fc8c}.lab-receipt .receipt-meta{color:#b8bcce;font-size:.75rem;line-height:1.6}.lab-receipt pre{max-height:300px;overflow:auto;font-size:.72rem}.receipt-swatches{display:flex;gap:5px;margin:12px 0}.receipt-swatches span{display:block;width:30px;height:30px;border:1px solid #6b6e82;border-radius:50%}.lab-explainer{max-width:1000px;margin:48px 0;line-height:1.85;color:#cdd0df}.lab-explainer h2{margin-top:32px;color:#f8f6ff;font-size:1.5rem}.lab-explainer a,.breadcrumbs a{color:#94d6ff;text-underline-offset:4px}.lab-explainer code{color:#ef9dec}.breadcrumbs{font-size:.85rem;color:#b8bcce}.mission-sticker{display:block;color:var(--lab-accent);font-size:7rem;line-height:1;transform:rotate(-14deg)}.workbench{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:26px;border:1px solid #45475b;border-radius:28px;background:#181b2b}.workbench h2{font-size:1.25rem}.tool-controls>p{color:#b8bcce;font-size:.86rem;line-height:1.65}.color-controls{display:grid;gap:10px}.color-controls label{display:flex;align-items:center;gap:16px;border-bottom:1px solid #343749;padding:9px 0}.color-controls label input{margin-left:auto;width:55px;height:42px;border:0;border-radius:9px;cursor:pointer;background:transparent}.color-controls code{width:80px;color:#cdd0df}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.workbench textarea{width:100%;box-sizing:border-box;margin-top:10px;resize:vertical;background:#111321;color:#f8f6ff;border:1px solid #62667c;border-radius:14px;padding:16px;font:.88rem/1.5 monospace}.budget-choices{display:grid;gap:8px}.budget-choices label{display:flex;align-items:center;gap:14px;border:1px solid #45475b;border-radius:14px;padding:13px;cursor:pointer}.budget-choices input{accent-color:#c8fc8c;width:20px;height:20px}.budget-choices small{display:block;color:#b8bcce;font-size:.73rem;line-height:1.7}.tool-result{min-width:0}.tool-result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;background:#111321;border-radius:16px;padding:18px;font-size:.77rem;line-height:1.6}.tool-result [data-tool-status]{min-height:2.5em;color:#c8fc8c;font-size:.9rem}.tool-result [data-tool-status].invalid{color:#ffe297}.palette-preview{padding:24px;border:1px solid #62667c;border-radius:20px}.palette-preview span{font-size:.65rem;letter-spacing:.08em}.palette-preview h3{font-size:2rem;line-height:1.2}.palette-preview b{display:inline-block;padding:12px 18px;border-radius:20px;font-weight:600}.retry-trace{display:flex;gap:8px;flex-wrap:wrap}.retry-step{background:#111321;border:1px solid #62667c;border-radius:14px;padding:12px;color:#94d6ff}.retry-step small{display:block;color:#b8bcce;font-size:.65rem}.budget-meter{height:16px;border-radius:20px;background:#111321;margin:10px 0 16px;overflow:hidden}.budget-meter span{display:block;height:100%;background:linear-gradient(90deg,#94d6ff,#c8fc8c);transition:width .3s}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.8rem}th,td{text-align:left;border-bottom:1px solid #45475b;padding:10px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffe297;outline-offset:5px}button:disabled{opacity:.55;cursor:not-allowed}.lab-explainer details{margin:20px 0}.lab-explainer summary{cursor:pointer;color:#c8fc8c}@media(max-width:1050px){.mission-card{padding:20px}.mission-orbit{flex-wrap:wrap;border-radius:20px}.mission-orbit small{width:100%;margin-left:0}.mission-sticker{display:none}}@media(max-width:760px){.mission-cards,.workbench,.lab-columns{grid-template-columns:1fr}.mission-orbits{gap:8px}.mission-orbit{padding:12px;font-size:.78rem}.orbit-icon{font-size:1.5rem}.mission-board,.workbench{padding:18px}.mission-card:hover{transform:translateY(-3px)}.lab-events{max-height:250px}.mission-page .arcade-heading h1{font-size:2.4rem}.color-controls code{width:auto}.mission-board .shelf-heading{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.mission-card,.mission-orbit,.budget-meter span{transition:none}.mission-card:hover,.mission-orbit:hover .orbit-icon{transform:none}}
