*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;height:100%;font-family:Space Grotesk,sans-serif;overflow:hidden}#canvas{z-index:1;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cline x1='12' y1='4' x2='12' y2='20' stroke='rgba(255,255,255,0.35)' stroke-width='1'/%3E%3Cline x1='4' y1='12' x2='20' y2='12' stroke='rgba(255,255,255,0.35)' stroke-width='1'/%3E%3C/svg%3E") 12 12,crosshair;width:100%;height:100%;position:fixed;inset:0}#canvas:active{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cline x1='12' y1='4' x2='12' y2='20' stroke='rgba(255,255,255,0.35)' stroke-width='1'/%3E%3Cline x1='4' y1='12' x2='20' y2='12' stroke='rgba(255,255,255,0.35)' stroke-width='1'/%3E%3C/svg%3E") 12 12,crosshair}#scroll-hint{letter-spacing:.2em;text-transform:uppercase;color:#fff6;z-index:10;pointer-events:none;align-items:center;gap:4px;font-size:.75rem;transition:opacity 1.5s;animation:2.5s ease-in-out infinite pulse;display:flex;position:fixed;bottom:3rem;left:50%;transform:translate(-50%)}@media (pointer:coarse){#scroll-hint{align-items:flex-start;bottom:2rem;left:2rem;transform:none}}#goal-hint{letter-spacing:.2em;text-transform:uppercase;color:#fff6;z-index:10;pointer-events:none;font-size:.75rem;transition:opacity 1.5s;animation:2.5s ease-in-out infinite pulse;position:fixed;top:3rem;left:50%;transform:translate(-50%)}#goal-hint.hidden{opacity:0}.hint-mobile{flex-direction:column;align-items:flex-start;gap:6px;display:none}.hint-row{white-space:nowrap;align-items:center;gap:6px;display:flex}@media (pointer:coarse){.hint-desktop{display:none}.hint-mobile{display:flex}}#scroll-hint.hidden{opacity:0}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.9}}#velocity{letter-spacing:.15em;font-variant-numeric:tabular-nums;color:#ffffff4d;z-index:10;pointer-events:none;font-size:.7rem;position:fixed;bottom:2rem;right:2rem}#gyro-toggle{z-index:10;color:#fff6;letter-spacing:.15em;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:.5rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.65rem;transition:all .3s;position:fixed;top:2rem;right:2rem}#gyro-toggle.active{color:#fffc;background:#ffffff26;border-color:#ffffff80}#vignette{z-index:2;pointer-events:none;opacity:0;transition:opacity .5s ease-out;position:fixed;inset:0}#edge-vignette{z-index:3;pointer-events:none;background:radial-gradient(#0000 55%,#0009 90%,#000 100%);position:fixed;inset:0}::-webkit-scrollbar{width:0}#protostar-glow{z-index:4;pointer-events:none;opacity:0;background:#fff;transition:opacity 1.5s ease-in;position:fixed;inset:0}#protostar-glow.active{opacity:1}#protostar-glow.fading{opacity:0;transition:opacity 1.5s ease-out}#discovery-text{z-index:11;pointer-events:none;opacity:0;width:auto;max-width:min(780px,92vw);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-card{text-align:left;color:#111;max-height:85vh;padding:1rem;font-weight:400;line-height:1.5;position:relative;overflow-y:auto}#tutorial-prompt{letter-spacing:.2em;text-transform:uppercase;color:#fffc;z-index:10;pointer-events:none;opacity:0;text-align:center;white-space:nowrap;font-size:.85rem;transition:opacity .8s ease-in-out;position:fixed;bottom:15vh;left:50%;transform:translate(-50%)}#protostar-count{letter-spacing:.15em;font-variant-numeric:tabular-nums;color:#ffffff4d;z-index:10;pointer-events:none;font-size:.7rem;position:fixed;top:2rem;left:2rem}.portfolio-eyebrow{text-align:center;letter-spacing:.2em;color:#999;font-variant-numeric:tabular-nums;margin-bottom:1rem;font-size:1.1rem}.portfolio-close{color:#666;cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.3rem;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.portfolio-close:hover{color:#111;background:#0000001f}.portfolio-header{margin-bottom:1.5rem}.portfolio-header h2{letter-spacing:.02em;color:var(--accent,#6ecfff);margin-bottom:.2rem;font-size:1.6rem;font-weight:700}.portfolio-subtitle{letter-spacing:.15em;text-transform:uppercase;color:#555;font-size:.8rem}.portfolio-comparison{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.portfolio-before,.portfolio-after{border-radius:4px;padding:.5rem .75rem;font-size:.78rem}.portfolio-before{background:#0000000a;border-left:3px solid #ccc}.portfolio-after{border-left:3px solid var(--accent,#6ecfff);background:#0000000a}.portfolio-label{letter-spacing:.2em;text-transform:uppercase;color:#888;margin-bottom:.3rem;font-size:.6rem;font-weight:700;display:block}.portfolio-before p,.portfolio-after p{color:#333;margin:0}.portfolio-images{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.portfolio-img-wrap{flex-direction:column;gap:.4rem;display:flex}.portfolio-img-wrap img{border:1px solid #0000001f;border-radius:6px;width:100%;box-shadow:0 4px 16px #0000001f}.portfolio-stats{letter-spacing:.1em;color:#666;text-align:center;border-top:1px solid #00000014;padding-top:.5rem;font-size:.75rem}.game-over{letter-spacing:.3em;color:#fffc;text-align:center;text-transform:uppercase;font-size:2.5rem;font-weight:300}@media (width<=480px){.portfolio-header h2{font-size:1.3rem}.portfolio-before,.portfolio-after{padding:.6rem .8rem;font-size:.82rem}.portfolio-images{grid-template-columns:1fr}}