@font-face{font-family:Battersea;src:url('../assets/fonts/Battersea-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Battersea;src:url('../assets/fonts/Battersea-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Battersea;src:url('../assets/fonts/Battersea-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#333333;--mid:#666666;--line:#c8c8c8;--yellow:#b6b52b;--paper:#ffffff}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#eeeeee}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:10px;line-height:1.25}
button,input,textarea{font:inherit;color:inherit}
button{border:0;background:none;padding:0;text-align:left;cursor:pointer}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,video:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
#shell{position:absolute;width:900px;height:600px;left:50%;top:50%;transform-origin:center center}
#frame{position:relative;width:900px;height:600px;overflow:hidden;background:var(--paper)}
#world{position:absolute;left:0;top:0;width:900px;height:600px;will-change:transform}
.panel{position:absolute;width:900px;height:600px;overflow:hidden;background:var(--paper)}
.panel-title{position:absolute;left:20px;top:15px;margin:0;height:65px;font-family:Battersea,Arial,sans-serif;font-size:68px;font-weight:700;line-height:1;letter-spacing:-2px;color:var(--ink);white-space:nowrap}
.panel-rule{position:absolute;left:20px;top:80px;width:842px;height:1px;background:var(--line)}
.section-label{font-family:Battersea,Arial,sans-serif;font-size:14px;font-weight:400;color:var(--mid);line-height:1.1}
.abs{position:absolute}
.description{position:absolute;left:20px;top:99px;width:250px;font-size:10px;line-height:1.2}
.description:after{content:'';display:block;width:250px;border-bottom:1px solid var(--line);margin-top:12px}
.small{font-size:10px;line-height:1.25}
.bold{font-weight:700}
.muted{color:var(--mid)}
.yellow{color:var(--yellow)}
.text-link{font-weight:700;text-decoration:none}
.text-link:hover{color:var(--yellow)}
.content-box{width:250px;font-size:10px;line-height:1.25}
.content-box p{margin:0 0 10px}
.scroll-box{overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
.scroll-box::-webkit-scrollbar{display:none}
.scroll-arrows button{font-size:12px;color:var(--mid);padding:0 3px;line-height:14px}
.scroll-arrows button:hover{color:var(--yellow)}
.bottom-rule{position:absolute;width:250px;border-top:1px solid var(--line);padding-top:4px;text-align:right}
.more-button{font-size:10px;color:var(--mid)}
.more-button:hover,.pager button:hover{color:var(--yellow)}
.pager{position:absolute;width:250px;height:16px;border-top:1px solid var(--line);padding-top:4px;display:flex;justify-content:space-between;color:var(--mid)}
.pager button{font-size:10px;color:var(--mid)}
.pager button:disabled{visibility:hidden}
.list{position:absolute;width:250px}
.list-item{position:relative;width:250px;height:90px;cursor:pointer;padding:4px 3px 0;transition:background-color .18s ease-out}
.list-item:hover,.list-item.selected{background:rgba(214,205,83,.12)}
.list-item .item-number{font-weight:700}
.list-item .item-title{margin-top:5px}
.list-item .item-artist{margin-top:2px}
.list-item .item-date{position:absolute;left:3px;top:76px}
.list-item:after{content:'';position:absolute;left:3px;bottom:0;width:244px;border-bottom:1px solid var(--line)}
.menu-list{position:absolute;left:18px;top:205px;width:255px}
.menu-item{position:relative;display:block;width:255px;height:18px;overflow:hidden;font-size:10px;line-height:18px;color:var(--ink)}
.menu-item .menu-roll{display:block;transition:transform .2s linear}
.menu-item .menu-roll span{display:block;height:18px;line-height:18px}
.menu-item:hover .menu-roll,.menu-item:focus-visible .menu-roll{transform:translateY(-18px)}
.menu-item .menu-roll span:last-child{color:var(--yellow)}
.archive-item{display:flex;width:250px;height:16px;font-size:10px;line-height:16px;color:var(--ink)}
.archive-item:hover{color:var(--yellow)}
.archive-item .archive-title{width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.archive-item .archive-date{margin-left:auto;text-align:right;white-space:nowrap}
.release-detail{position:absolute;width:250px;height:390px;font-size:10px;line-height:1.25}
.detail-image{display:block;box-sizing:content-box;width:240px;height:136px;object-fit:cover;border:2px solid #999999;margin-left:4px}
.detail-meta{position:absolute;left:3px;top:182px;width:244px}
.detail-meta .meta-title{margin-top:5px}
.detail-meta .meta-artist{margin-top:2px}
.detail-meta .meta-duration{margin-top:5px}
.detail-text{position:absolute;left:2px;top:260px;width:244px;height:112px;font-size:10px;line-height:1.25}
.detail-scroll{position:absolute;left:225px;top:374px;width:25px;display:flex;justify-content:space-between}
.detail-download{position:absolute;left:192px;top:160px;width:55px;text-align:right;font-size:10px;color:var(--mid)}
.detail-download:hover{color:var(--yellow)}
.comments-button{position:absolute;left:28px;top:377px;font-size:10px;color:var(--mid)}
.comments-button:hover{color:var(--yellow)}
.audio-player{position:absolute;left:5px;top:148px;width:235px;height:18px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.86)}
.audio-player audio,.simple-audio audio{display:none}
.audio-toggle{position:relative;width:14px;height:14px;flex:0 0 14px}
.audio-toggle:before{content:'';position:absolute;left:4px;top:3px;border-left:7px solid var(--mid);border-top:4px solid transparent;border-bottom:4px solid transparent}
.audio-toggle.playing:before{left:4px;top:3px;width:6px;height:8px;border:0;background:var(--mid)}
.audio-progress{appearance:none;-webkit-appearance:none;width:178px;height:2px;background:#cccccc;cursor:pointer}
.audio-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:5px;height:8px;background:var(--mid)}
.audio-progress::-moz-range-thumb{width:5px;height:8px;border:0;background:var(--mid)}
.audio-time{font-size:8px;color:var(--mid);width:31px;text-align:right}
.simple-audio{position:absolute;right:3px;top:10px;width:17px;height:17px}
.video-detail{position:absolute;left:2px;top:0;width:244px;height:140px;object-fit:cover;background:#111}
.home-release .audio-player{top:145px}
.home-release .detail-download{top:160px}
.home-release .detail-meta{top:184px}
.comment-panel{position:absolute;left:262px;top:0;width:250px;height:390px}
.comment-list{position:absolute;left:0;top:0;width:245px;height:160px;overflow-y:auto;scrollbar-width:none}
.comment{border-bottom:1px solid var(--line);padding:0 0 8px;margin-bottom:8px}
.comment-name{font-weight:700}
.comment-form{position:absolute;left:0;top:172px;width:250px;height:205px}
.comment-form label{position:absolute;left:0}
.comment-form input,.comment-form textarea{position:absolute;left:42px;width:200px;border:1px solid #aaaaaa;background:#fff;border-radius:0;padding:1px 3px}
.comment-form textarea{left:0;top:55px;width:245px;height:86px;resize:none}
.comment-form button{position:absolute;right:4px;bottom:2px;color:var(--mid)}
.comment-form button:hover{color:var(--yellow)}
.form-note{font-size:9px;color:var(--mid)}
.contact-label{font-family:Battersea,Arial,sans-serif;font-size:14px;color:var(--mid)}
.contact-block{position:absolute;left:20px;width:250px;border-bottom:1px solid var(--line);padding-bottom:15px}
.contact-email{font-size:10px;font-weight:700}
.contact-input{position:absolute;left:25px;top:355px;width:163px;height:16px;border:1px solid #aaaaaa;background:white;border-radius:0;padding:1px 3px}
.contact-submit{position:absolute;left:190px;top:357px;color:var(--mid)}
.contact-submit:hover{color:var(--yellow)}
.faq-answer{position:absolute;left:601px;top:112px;width:250px;height:360px;font-size:10px;line-height:1.25;overflow-y:auto;scrollbar-width:none}
.link-grid{position:absolute;left:22px;top:96px;width:850px}
.link-item{position:absolute;width:250px;height:47px;overflow:hidden}
.link-item .link-name{display:block;font-weight:700;font-size:10px}
.link-item .link-url{display:block;margin-top:4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-item:hover{color:var(--yellow)}
.event-heading{position:absolute;left:22px;font-family:Battersea,Arial,sans-serif;font-size:14px;color:var(--mid)}
.event-list{position:absolute;left:22px;width:250px}
.event-detail{position:absolute;left:317px;top:99px;width:553px;height:370px}
.event-detail .event-image{position:absolute;left:303px;top:0;width:240px;height:136px;object-fit:cover;border:2px solid #999}
.event-detail .event-text{position:absolute;left:0;top:66px;width:250px;height:280px;overflow-y:auto;scrollbar-width:none}
#main-nav{position:absolute;inset:0;pointer-events:none;z-index:5;font-family:Battersea,Arial,sans-serif}
#main-nav button{pointer-events:auto;color:var(--ink);transition:color .16s ease-out}
#main-nav button:hover,#main-nav button.active{color:var(--yellow)}
.nav-home{position:absolute;left:20px;top:526px;height:25px;font-size:24px;font-weight:700;line-height:25px;letter-spacing:-.4px}
.nav-home.active{color:var(--ink)!important}
.nav-sections{position:absolute;left:20px;top:552px;height:22px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:20px;color:var(--mid)}
.nav-sections button{font-size:14px;font-weight:500;line-height:20px}
.nav-sections span{pointer-events:none}
.nav-contact{position:absolute;left:756px;top:552px;width:108px;text-align:right;font-size:16px;font-weight:500;line-height:20px}
.fade-in{animation:fade-in .25s ease-out}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}