*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090b;color:#eeeae5;font-family:Georgia,'Times New Roman',serif;min-height:100vh}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(153deg,transparent 0,transparent 170px,#26313b 171px,transparent 172px);z-index:-1}.page-glow{position:absolute;inset:0 0 auto;height:760px;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#18202a88 0%,#0a0e12 38%,transparent 75%);z-index:-1}.site-header{max-width:1380px;margin:auto;padding:30px 5.5%;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.brand{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:7px;white-space:nowrap}.brand span{font-size:clamp(20px,2.2vw,32px);letter-spacing:.24em}.brand small{font-size:13px;letter-spacing:.14em;text-align:center;color:#c5c0bb}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(15px,3.1vw,47px);padding-top:13px}.site-header nav a{color:#eeeae5;text-decoration:none;font-size:17px;letter-spacing:.04em;padding-bottom:9px;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a:focus-visible{border-color:#cdb48b}.hero{text-align:center;padding:76px 20px 68px}.eyebrow{font-size:16px;letter-spacing:.3em;color:#c7c0b8}.hero h1{font-size:clamp(38px,6.2vw,82px);font-weight:400;letter-spacing:.22em;margin:25px 0 20px;padding-left:.22em}.genres{font-size:clamp(13px,1.5vw,20px);letter-spacing:.13em;color:#c9c3c0;line-height:1.9}.genres span{color:#9a8165;padding:0 5px}.lightline{height:1px;max-width:300px;margin:43px auto 0;background:linear-gradient(90deg,transparent,#e5bb79,transparent);box-shadow:0 0 12px 2px #bd874b80}.music-section{max-width:1300px;margin:0 auto;padding:0 5% 70px;scroll-margin-top:20px}.section-title{display:flex;align-items:center;gap:40px;justify-content:center}.section-title span{height:1px;max-width:210px;flex:1;background:linear-gradient(90deg,transparent,#6b6966)}.section-title span:last-child{transform:rotate(180deg)}.section-title h2{font-size:38px;font-weight:400;letter-spacing:.18em;margin:0}.section-intro{text-align:center;color:#aaa29b;font-size:14px;letter-spacing:.13em;margin:15px 0 37px}.track{display:flex;align-items:center;gap:22px;padding:20px 26px;border:1px solid #454340;border-radius:8px;background:linear-gradient(105deg,#111419,#0c0e12 75%,#15181b);box-shadow:0 16px 50px #0008}.cover{width:100px;height:100px;object-fit:cover;border-radius:4px;flex:none}.track-meta{min-width:220px;flex:1}.track-number{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.22em;color:#b8a58b}.track-meta h3{font-size:clamp(18px,1.7vw,24px);font-weight:400;line-height:1.35;margin:10px 0}.track-artist{font-size:13px;color:#a9a39f;letter-spacing:.1em}.track-artist span{padding:0 7px}.controls{display:flex;align-items:center;gap:18px;flex:1.35;min-width:0}.play-button{width:52px;height:52px;flex:none;border-radius:50%;border:1px solid #e4ded5;background:transparent;color:white;display:grid;place-items:center;cursor:pointer;transition:background .2s}.play-button:hover{background:#ffffff20}.play-button svg{width:22px;height:22px}.timeline{flex:1;min-width:90px}.times{display:flex;justify-content:space-between;color:#bfb9b4;font-size:12px;font-family:Arial,sans-serif;margin-top:9px}input[type=range]{width:100%;accent-color:#e8d6bd;cursor:pointer}.volume{display:flex;align-items:center;gap:8px;width:120px}.volume svg{width:21px;height:21px;flex:none}.volume input{min-width:0}.share-button{border:0;background:transparent;color:#e8dfd6;padding:9px;cursor:pointer}.share-button:hover{color:#e7b975}.share-button svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.7;fill:none}.player-status{font-family:Arial,sans-serif;font-size:12px;min-height:18px;text-align:right;color:#cdb48b;margin:10px 4px}.music-note{text-align:center;margin:45px 0 0;font-size:15px;color:#a8a09a;letter-spacing:.08em}.info-grid{border-top:1px solid #272727;max-width:1190px;margin:0 auto 80px;padding:55px 5% 0;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.info-block{scroll-margin-top:30px}.info-block h2{font-weight:400;letter-spacing:.15em;font-size:25px}.info-block p{color:#b7b1aa;font-size:15px;line-height:1.9;font-family:Arial,sans-serif}footer{border-top:1px solid #262626;padding:25px;text-align:center;color:#9d9690;font-size:13px;letter-spacing:.08em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d7b77d;outline-offset:4px}@media(max-width:1050px){.track{flex-wrap:wrap}.track-meta{flex:1}.controls{flex-basis:100%}}@media(max-width:650px){.site-header{padding:23px 5%;align-items:center;flex-direction:column;gap:14px}.brand span{font-size:24px}.site-header nav{gap:14px;justify-content:center;padding:0}.site-header nav a{font-size:14px}.hero{padding:58px 12px 62px}.hero h1{font-size:clamp(28px,8vw,44px);letter-spacing:.13em;padding-left:.13em}.eyebrow{font-size:12px}.genres{font-size:12px;letter-spacing:.06em}.section-title h2{font-size:31px}.section-title{gap:20px}.music-section{padding:0 4% 50px}.track{padding:14px;gap:14px}.cover{width:77px;height:77px}.track-meta{min-width:0}.track-meta h3{font-size:17px}.track-artist{font-size:11px}.controls{gap:10px}.play-button{width:46px;height:46px}.volume{width:85px;gap:4px}.volume svg{width:16px}.share-button{padding:5px}.info-grid{grid-template-columns:1fr;gap:20px;padding:35px 7% 0;margin-bottom:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* v2: softer, rounded artist wordmark; preserve the original palette and layout */
.brand span,.hero h1{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-weight:400;letter-spacing:.15em}
.hero h1{letter-spacing:.17em;padding-left:.17em}
@media(max-width:650px){.hero h1{letter-spacing:.09em;padding-left:.09em}.brand span{letter-spacing:.13em}}

/* v3 — music first, artist identity understated; all existing playback functions preserved */
.brand span{font-family:'Segoe UI', 'Trebuchet MS',Arial,sans-serif;font-weight:400;font-size:clamp(17px,1.6vw,23px);letter-spacing:.095em;color:#e5e0d9}
.brand small{font-family:'Segoe UI',Arial,sans-serif;font-size:11px;letter-spacing:.06em;text-align:left;color:#99938c}
.site-header{padding-top:25px;padding-bottom:8px}
.hero{padding:44px 20px 31px}
.hero .eyebrow{font-family:'Segoe UI',Arial,sans-serif;font-size:11px;letter-spacing:.32em;color:#bba98e;margin:0 0 16px}
.hero-message{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(24px,3.6vw,43px);letter-spacing:.035em;margin:0 0 10px;color:#e7e0d7}
.hero .genres{font-size:clamp(11px,1.1vw,14px);color:#9d9792;margin:0}
.section-title h2{font-size:clamp(25px,2.6vw,32px)}
.section-intro{margin:10px 0 25px}
.music-section{max-width:1200px;padding-bottom:55px}
.track{padding:26px;gap:27px;border-color:#51473e;background:linear-gradient(105deg,#171717,#0d1014 74%,#17181b)}
.cover{width:clamp(125px,16vw,190px);height:clamp(125px,16vw,190px);border-radius:5px;box-shadow:0 8px 30px #0009}
.track-meta h3{font-size:clamp(23px,2.45vw,34px);line-height:1.3;letter-spacing:.005em}
.track-meta{min-width:235px}
.track-artist{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:.035em}
.music-note{margin-top:25px}
@media(max-width:650px){.site-header{padding-top:22px}.brand span{font-size:21px}.brand small{text-align:center}.hero{padding:33px 12px 30px}.hero-message{font-size:28px}.track{padding:17px;gap:15px}.cover{width:108px;height:108px}.track-meta{min-width:0}.track-meta h3{font-size:20px}.controls{flex-basis:100%}}

/* Version 4: Bandcamp track link */
.bandcamp-link{display:inline-block;margin-top:8px;color:#d9bb91;text-decoration:none;font-family:Arial,sans-serif;font-size:13px;letter-spacing:.04em;border-bottom:1px solid #8f7554;padding-bottom:4px;transition:color .2s,border-color .2s}.bandcamp-link:hover,.bandcamp-link:focus-visible{color:#fff0d7;border-color:#fff0d7}

/* v5 game music */
.game-main{max-width:1100px;margin:0 auto;padding:0 5% 80px}.game-intro{text-align:center;padding:65px 0 25px}.game-intro .eyebrow{font:11px Arial,sans-serif;letter-spacing:.27em;color:#bba98e}.game-intro h1{font-size:clamp(35px,5vw,58px);font-weight:400;letter-spacing:.12em;margin:19px 0}.game-subtitle{font:13px Arial,sans-serif;letter-spacing:.13em;color:#c7b59d}.game-description{color:#c6c0ba;line-height:1.7}.license-note{max-width:730px;margin:30px auto 0;color:#a9a29a;font:13px/1.9 Arial,sans-serif}.category-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin:20px 0 50px}.category-nav a{font:12px Arial,sans-serif;color:#d5c9b8;text-decoration:none;border:1px solid #51473e;border-radius:30px;padding:10px 14px}.category-nav a:hover{background:#29231e}.game-category{margin:0 0 45px;scroll-margin-top:25px}.category-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #52483e;padding-bottom:12px;margin-bottom:13px}.category-heading h2{font-size:27px;font-weight:400;letter-spacing:.08em;margin:0}.category-heading span{font:12px Arial,sans-serif;color:#a9a099}.game-list{display:grid;gap:9px}.game-track{display:flex;align-items:center;gap:25px;justify-content:space-between;background:linear-gradient(100deg,#17191c,#101115);border:1px solid #333538;border-radius:7px;padding:15px 20px}.game-track-title{display:flex;align-items:center;gap:17px;min-width:0}.track-index{font:11px Arial,sans-serif;color:#b8a58b}.game-track h3{font:16px/1.5 'Segoe UI',Arial,sans-serif;font-weight:400;margin:0;overflow-wrap:anywhere}.game-track audio{width:300px;max-width:45%;height:42px;flex:none;filter:grayscale(1) brightness(.85)}.purchase{text-align:center;border-top:1px solid #3c3631;padding-top:32px;margin-top:50px}.purchase h2{font-size:25px;font-weight:400}.purchase p{font:13px/1.8 Arial,sans-serif;color:#bdb5ad}@media(max-width:650px){.game-intro{padding-top:35px}.game-track{flex-direction:column;align-items:stretch;gap:11px;padding:13px}.game-track audio{width:100%;max-width:100%}.game-track h3{font-size:15px}.category-heading h2{font-size:23px}}

/* v6 additions */
.site-header .brand span{font-size:1.08rem;letter-spacing:.04em}
.site-header nav{display:flex;gap:clamp(9px,1.6vw,25px);flex-wrap:wrap}
.simple-section{max-width:900px;margin:80px auto;padding:24px 22px;border-top:1px solid rgba(255,255,255,.14)}
.simple-section h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:18px}
.simple-section iframe{display:block;margin-top:22px;background:#fff;border-radius:8px;max-width:100%}
.track-duration{margin-left:auto;white-space:nowrap;color:#a6a9b1;font-variant-numeric:tabular-nums;font-size:.9rem}
@media(max-width:680px){.site-header{flex-wrap:wrap}.site-header nav{width:100%;justify-content:flex-start}.game-track-title{display:flex;align-items:center;gap:8px}}

.quiet-game-link{text-align:center;padding:25px 15px 45px;font:13px Arial,sans-serif}.quiet-game-link a{color:#bcb2a6;text-decoration:none;border-bottom:1px solid #70665d;padding-bottom:4px}.quiet-game-link a:hover{color:#fff}

/* v7: restrained purchase links below the 29-track collection */
.store-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:26px auto 4px}.store-links a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:135px;padding:12px 19px;border:1px solid #67594b;border-radius:5px;background:#161719;color:#dfd4c7;text-decoration:none;font:13px Arial,sans-serif;letter-spacing:.045em;transition:background .2s,border-color .2s,color .2s}.store-links a:hover,.store-links a:focus-visible{background:#29231e;border-color:#c6a77d;color:#fff}.store-links span{font-size:14px;color:#bda688}@media(max-width:520px){.store-links{gap:9px}.store-links a{min-width:0;flex:1 1 120px;padding:12px}}