*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%;background:#0a0a0a;color:#fff;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font:inherit}table{border-collapse:collapse;width:100%}.gallery-shell{background:#0a0a0a;color:#f5f5f5;min-height:100vh;padding:3rem 2rem;max-width:1400px;margin:0 auto}.gallery-header{margin-bottom:4rem}.brand-mark{font-family:Anton,sans-serif;font-size:1.4rem;letter-spacing:.3em;color:#fff}.brand-tag{font-size:.7rem;letter-spacing:.3em;color:#888;margin-top:.4rem}.gallery-hero{margin-bottom:4rem;max-width:720px}.hero-title{font-family:Anton,sans-serif;font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.02em;color:#fff;margin-bottom:1.5rem}.hero-subtitle{font-size:1.05rem;line-height:1.55;color:#aaa;font-family:Inter,sans-serif}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.gallery-card{border:1px solid #333;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;min-height:320px;transition:transform .2s ease,border-color .2s ease;cursor:pointer}.gallery-card:hover{transform:translateY(-4px)}.card-album{font-size:1.8rem;line-height:1.05}.card-year{font-size:.75rem;letter-spacing:.3em;margin-top:.2rem}.card-mantra{font-size:1.05rem;font-style:italic;margin-top:1.5rem;line-height:1.35;font-weight:600}.card-track{font-size:.65rem;letter-spacing:.3em;margin-top:.4rem;font-weight:400}.card-swatches{display:flex;gap:.4rem;margin-top:auto;padding-top:1.5rem}.swatch{width:28px;height:28px;border-radius:50%}.card-cta{margin-top:1rem;font-size:.75rem;letter-spacing:.3em}.gallery-footer{margin-top:5rem;padding-top:2rem;border-top:1px solid #222;color:#666;font-size:.8rem;text-align:center}.gallery-footer code{background:#1a1a1a;padding:.1rem .4rem;border-radius:2px;font-family:Space Mono,monospace;color:#aaa}.footer-link{color:#f26822;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(242,104,34,.4);transition:border-color .15s ease,color .15s ease}.footer-link:hover{color:#ff8a4a;border-bottom-color:#ff8a4a}.footer-tag{margin-top:.5rem;font-size:.65rem;letter-spacing:.5em;color:#444}.album-shell{min-height:100vh}.album-nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;border-bottom:1px solid;position:sticky;top:0;background:inherit;z-index:10}.back-link{font-size:.75rem;letter-spacing:.3em}.tab-bar{display:flex;gap:.5rem}.tab-btn{padding:.55rem 1.4rem;font-size:.75rem;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.album-main{padding:3rem 2rem;max-width:1100px;margin:0 auto}.album-homepage{display:flex;flex-direction:column;gap:3rem}.hp-hero{padding:2rem 0}.hp-year{font-size:.75rem;letter-spacing:.3em;margin-bottom:1rem}.hp-title{font-size:clamp(3rem,9vw,7rem);line-height:.95;margin-bottom:1rem}.hp-subtitle{font-size:1.1rem;line-height:1.5;letter-spacing:.05em}.hp-manifesto{padding:2.5rem;border-left:4px solid;font-size:1.15rem;line-height:1.6;font-style:italic}.hp-sections{display:grid;grid-template-columns:1fr;gap:1px;border:1px solid}@media (min-width: 768px){.hp-sections{grid-template-columns:repeat(3,1fr)}}.hp-section{padding:2rem 1.8rem}.hp-section-label{font-size:.75rem;margin-bottom:1rem;font-weight:700}.hp-section-copy{line-height:1.55;font-size:.95rem}.hp-design-card{padding:3rem 2rem}.hp-design-label{font-size:.7rem;letter-spacing:.4em;margin-bottom:1rem}.hp-design-concept{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;font-style:italic}.hp-mantra{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:2rem}.hp-palette-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem}.hp-swatch-stack{display:flex;flex-direction:column;gap:.4rem;align-items:center}.hp-swatch{width:100%;height:60px;border-radius:2px}.hp-swatch-name{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.hp-swatch-hex{font-size:.65rem;font-family:Space Mono,monospace}.game-wrapper{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem}.game-title{font-size:clamp(2rem,5vw,3.5rem);line-height:1;text-align:center}.game-subtitle{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;text-align:center;margin-bottom:.5rem}canvas{display:block;image-rendering:pixelated}.hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;padding:.6rem 1rem;border-top:1px solid}.hud-item{display:flex;flex-direction:column;align-items:center}.hud-label{font-size:.55rem;letter-spacing:.25em;text-transform:uppercase}.hud-value{font-size:1.4rem;letter-spacing:.05em;margin-top:.2rem}.controls-hint{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;text-align:center;margin-top:.5rem}@media (pointer: coarse){.controls-hint:before{content:"TAP TOP → JUMP   ·   HOLD LEFT/RIGHT → MOVE";display:block}.controls-hint>span{display:none}}.game-canvas-wrap{position:relative;display:inline-block;max-width:100%;line-height:0}.touch-zone{display:none;position:absolute;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;pointer-events:auto;cursor:pointer;z-index:10}@media (pointer: coarse){.touch-zone{display:block}}.touch-zone-jump{top:0;left:0;right:0;height:30%}.touch-zone-left{top:30%;left:0;width:50%;bottom:0}.touch-zone-right{top:30%;right:0;width:50%;bottom:0}canvas{touch-action:none}.game-wrapper{touch-action:pan-y}@media (max-width: 640px){.game-wrapper{padding:.5rem;gap:.4rem;width:100%}.game-canvas-wrap,.game-canvas-wrap canvas{width:100%}.game-title{font-size:clamp(1.4rem,7vw,2.2rem)}.hud{padding:.45rem .5rem}.hud-label{font-size:.5rem}.hud-value{font-size:1.05rem}.album-nav{padding:.8rem .75rem;flex-wrap:wrap;gap:.5rem;justify-content:center}.back-link{width:100%;text-align:center;padding-bottom:.3rem}.tab-bar{gap:.35rem;flex-wrap:wrap;justify-content:center}.tab-btn{padding:.45rem .7rem;font-size:.65rem}.album-main{padding:1.2rem .75rem}}@media (max-height: 500px) and (orientation: landscape){.album-shell{min-height:auto}.album-nav{padding:.4rem .75rem;flex-wrap:nowrap}.back-link{width:auto;text-align:left;padding:0;font-size:.65rem}.tab-bar{gap:.3rem;flex-wrap:nowrap}.tab-btn{padding:.35rem .65rem;font-size:.6rem}.album-main{padding:.4rem .5rem}.game-wrapper{padding:.2rem;gap:.15rem}.game-title{font-size:.95rem;line-height:1;margin:0}.game-subtitle{font-size:.5rem;margin-bottom:.15rem}.game-canvas-wrap,.game-canvas-wrap canvas{max-height:calc(100vh - 144px);width:auto;max-width:100%}.hud{padding:.3rem .5rem;max-width:100%}.hud-label{font-size:.42rem;letter-spacing:.15em}.hud-value{font-size:.85rem;margin-top:0}.controls-hint{font-size:.5rem;margin-top:.15rem}}.leaderboard{padding:1rem 0}.lb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.lb-header h2{font-size:clamp(1.6rem,3.5vw,2.5rem)}.lb-table th,.lb-table td{padding:.7rem .8rem;border-bottom:1px solid}.lb-table th{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400}.lb-empty{padding:3rem;text-align:center;font-size:1rem}.lb-storage-note{font-size:.65rem;letter-spacing:.3em;margin-bottom:1.5rem;text-align:center}.ss-storage-hint{font-size:.6rem;letter-spacing:.3em;margin-top:.6rem;text-align:center}.score-submit-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.score-submit-modal{border:1px solid;padding:2.5rem;max-width:420px;width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.ss-title{font-size:1.6rem;margin-bottom:.5rem}.ss-score{font-size:4rem;font-weight:900;line-height:1}.ss-album{font-size:.7rem;letter-spacing:.3em}.score-submit-modal input{width:100%;padding:.8rem 1rem;font-size:1rem;border:1px solid;background:transparent;outline:none;text-transform:uppercase;text-align:center}.ss-buttons{display:flex;gap:.6rem;width:100%}.ss-buttons button{flex:1;padding:.8rem 1rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1rem}