:root{--ink:#1a1626;--paper:#fffaf0;--accent:#e8611a;--font-display:"Bebas Neue", Impact, sans-serif;--font-body:-apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#8ecbff;overflow:hidden}.webgl{outline:none;position:fixed;top:0;left:0}.speed-lines{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.interact-prompt{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:700 14px var(--font-body);cursor:pointer;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;transition:opacity .2s;display:flex;position:fixed;top:0;left:0}.interact-prompt.is-visible{opacity:1;pointer-events:auto}.interact-prompt__key{background:var(--ink);width:26px;height:26px;color:var(--paper);font:400 18px var(--font-display);border-radius:6px;place-items:center;display:grid}@media (hover:none){.interact-prompt__key{display:none}.interact-prompt{padding-left:14px}}.project-backdrop{opacity:0;pointer-events:none;background:radial-gradient(at 30%,#0000 25%,#100c1e99 100%);transition:opacity .5s;position:fixed;inset:0}.project-backdrop.is-visible{opacity:1;pointer-events:auto}.project-card{background:var(--paper);width:min(440px,100vw - 48px);max-height:calc(100vh - 64px);color:var(--ink);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);font-family:var(--font-body);opacity:0;pointer-events:none;border-radius:6px;transition:transform .55s cubic-bezier(.2,1.3,.4,1),opacity .3s;position:fixed;top:50%;right:max(4vw,24px);overflow:auto;transform:translate(130%,-50%)skew(-8deg)}.project-card.is-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)skew(0)}.project-card__band{background:repeating-linear-gradient(-45deg, var(--accent) 0 14px, color-mix(in srgb, var(--accent), black 14%) 14px 28px);border-bottom:4px solid var(--ink);justify-content:space-between;align-items:center;padding:8px 10px 8px 16px;display:flex}.project-card__status{background:var(--ink);color:var(--paper);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.project-card__close{background:var(--paper);width:32px;height:32px;color:var(--ink);border:3px solid var(--ink);font:700 20px/1 var(--font-body);cursor:pointer;border-radius:50%;place-items:center;display:grid}.project-card__body{flex-direction:column;gap:16px;padding:20px 22px 18px;display:flex}.project-card__header{align-items:center;gap:14px;display:flex}.project-card__icon{border:3px solid var(--ink);border-radius:16px;width:64px;height:64px}.project-card__title{font:400 46px/.9 var(--font-display);letter-spacing:.02em}.project-card__tagline{color:var(--accent);margin-top:4px;font-weight:700}.project-card__summary{font-size:15px;line-height:1.5}.project-card__highlights{flex-direction:column;gap:6px;padding-left:18px;font-size:14px;line-height:1.4;display:flex}.project-card__highlights li::marker{color:var(--accent)}.project-card__section h3{font:400 20px var(--font-display);letter-spacing:.06em;margin-bottom:6px}.project-card__section p{font-size:14px}.project-card__chips{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.project-card__chips li{border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}.project-card__links{flex-wrap:wrap;gap:12px;display:flex}.project-card__link{background:var(--accent);color:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:400 20px var(--font-display);letter-spacing:.06em;border-radius:6px;padding:8px 18px;text-decoration:none;transition:transform .1s,box-shadow .1s}.project-card__link:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.project-card__link:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.project-card__lesson blockquote{background:color-mix(in srgb, var(--accent), var(--paper) 88%);border-left:5px solid var(--accent);border-radius:4px;padding:10px 12px 10px 14px;font-size:14px;font-style:italic;line-height:1.5}.project-card__hint{opacity:.6;font-size:12px}@media (width<=759px){.project-card{width:auto;max-height:55vh;box-shadow:6px 6px 0 var(--ink);inset:auto 16px 16px;transform:translateY(130%)}.project-card.is-visible{transform:translateY(0)}.project-backdrop{background:linear-gradient(#0000 30%,#100c1e99 100%)}}@media (prefers-reduced-motion:reduce){.project-card,.project-backdrop,.interact-prompt{transition:opacity .2s}}.raid-bar{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:700 15px var(--font-body);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:14px;padding:6px 16px 6px 6px;transition:transform .4s cubic-bezier(.2,1.3,.4,1),opacity .3s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%,-150%)}.raid-bar.is-visible{opacity:1;transform:translate(-50%)}.raid-bar__label{color:#fff;font:400 20px var(--font-display);letter-spacing:.08em;background:#a855f7;border-radius:999px;padding:2px 12px}.raid-bar__timer{min-width:70px;font:400 24px var(--font-display);letter-spacing:.04em}.raid-bar__hearts{color:#e23b3b;letter-spacing:2px;font-size:20px}.raid-bar__best,.raid-bar__hint{opacity:.65;font-size:12px}.raid-countdown{color:#fff;font:400 120px var(--font-display);-webkit-text-stroke:5px var(--ink);text-shadow:6px 6px 0 var(--ink);opacity:0;pointer-events:none;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)scale(.6)}.raid-countdown.is-visible{animation:.9s ease-out forwards raid-pop}@keyframes raid-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(.95)}}.raid-flash{opacity:0;pointer-events:none;background:radial-gradient(#0000 45%,#e23b3b8c 100%);position:fixed;inset:0}.raid-flash.is-flashing{animation:.5s ease-out raid-flash}@keyframes raid-flash{0%{opacity:1}to{opacity:0}}.raid-panel{background:var(--paper);width:min(360px,100vw - 48px);color:var(--ink);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);font-family:var(--font-body);text-align:center;opacity:0;pointer-events:none;border-radius:6px;padding:18px 22px;transition:transform .4s cubic-bezier(.2,1.3,.4,1),opacity .25s;position:fixed;top:50%;left:50%;transform:translate(-50%,-40%)scale(.9)}.raid-panel.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.raid-panel__title{font:400 52px/1 var(--font-display);color:#e23b3b;letter-spacing:.04em}.raid-panel.is-record .raid-panel__title{color:#a855f7}.raid-panel__time{margin-top:8px;font-size:18px;font-weight:700}.raid-panel__best{opacity:.7;margin-top:2px;font-size:14px}.raid-panel__hint{white-space:pre;margin-top:14px;font-size:13px;font-weight:700}@media (width<=759px){.raid-bar{gap:8px;font-size:13px}.raid-bar__hint{display:none}}