:root{
  --bg:#08110b;--panel:#101b14;--panel2:#17251b;--line:#496955;--soft:#98aa9d;--text:#eef8f0;--green:#95ffad;--green2:#55cf79;--black:#020503;--shadow:0 20px 55px rgba(0,0,0,.48);--bar-h:40px;--player-h:74px
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#242824;color:var(--text);font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}
body{cursor:url('../assets/images/cursor-retro-arrow.svg') 2 2,auto}
button,a,input{font:inherit}button,a{cursor:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{color:inherit}
[hidden]{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99999;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 2px,transparent 4px);mix-blend-mode:overlay;opacity:.55}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99998;box-shadow:inset 0 0 90px rgba(0,0,0,.38)}

.entry-screen,.os{position:fixed;inset:0;background:repeating-linear-gradient(to right,rgba(195,195,195,.052) 0,rgba(195,195,195,.052) 1px,transparent 1px,transparent 56px),repeating-linear-gradient(to bottom,rgba(195,195,195,.052) 0,rgba(195,195,195,.052) 1px,transparent 1px,transparent 56px),radial-gradient(circle at 18% 24%,rgba(255,255,255,.022),transparent 34%),radial-gradient(circle at 82% 78%,rgba(255,255,255,.012),transparent 32%),linear-gradient(135deg,#343434 0%,#2b2b2b 55%,#303030 100%)}
.entry-screen:after,.desktop:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(5,15,9,.035),rgba(2,8,4,.12)),radial-gradient(circle at 50% 45%,transparent 0 43%,rgba(0,0,0,.13) 100%)}
.entry-topbar,.system-bar{height:var(--bar-h);position:absolute;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(24,44,30,.28);background:rgba(177,188,180,.13);backdrop-filter:blur(11px) saturate(.82) brightness(1.08);-webkit-backdrop-filter:blur(11px) saturate(.82) brightness(1.08);display:flex;align-items:center;padding:0 16px}
.entry-topbar img,.system-brand img{height:18px;width:auto;display:block}.system-brand img{filter:drop-shadow(0 0 5px rgba(235,242,236,.48))}
.entry-folder{position:absolute!important;left:50%!important;top:47%!important;transform:translate(-50%,-50%);z-index:2}
.entry-release{position:absolute;left:18px;bottom:18px;z-index:7;width:248px;min-height:68px;display:flex;align-items:center;gap:11px;padding:7px;border:1px solid rgba(128,166,138,.42);background:rgba(9,16,11,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);text-decoration:none;box-shadow:7px 9px 24px rgba(0,0,0,.22)}
.entry-release:hover,.entry-release:focus-visible{outline:none;border-color:rgba(149,255,173,.62);background:rgba(13,25,17,.83);box-shadow:7px 9px 24px rgba(0,0,0,.3),0 0 0 1px rgba(149,255,173,.08)}
.entry-release img{width:54px;height:54px;flex:0 0 auto;object-fit:cover;border:1px solid rgba(151,184,159,.48);filter:saturate(.86) contrast(1.03)}
.entry-release-copy{min-width:0;display:flex;flex-direction:column;gap:7px}.entry-release-copy strong{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-release-copy small{font-size:8px;color:var(--green);letter-spacing:.09em}
.corner-path{position:absolute;bottom:10px;right:14px;color:rgba(205,240,214,.48);font-size:10px;letter-spacing:.08em;text-transform:uppercase;z-index:6;pointer-events:none}

.boot-screen{position:fixed;inset:0;z-index:10000;background:#010301;color:var(--green);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px}
.boot-logo{width:min(260px,54vw);margin-bottom:34px;filter:drop-shadow(0 0 13px rgba(149,255,173,.16))}
.boot-log{width:min(650px,92vw);min-height:160px;font-size:12px;line-height:1.75;color:#a9d9b4}
.boot-log div:last-child{color:var(--green)}
.boot-progress{height:6px;width:min(650px,92vw);border:1px solid #406a4c;margin-top:14px;background:#071009}
.boot-progress span{display:block;height:100%;width:0;background:var(--green);transition:width .12s linear;box-shadow:0 0 14px rgba(149,255,173,.45)}

.os{z-index:1}.system-bar{position:absolute;justify-content:space-between}.system-brand{border:0;background:transparent;padding:5px 3px}.system-status{display:flex;gap:18px;align-items:center;font-size:10px;color:rgba(9,18,11,.72);letter-spacing:.04em}.system-clock{color:#071009}.storage{opacity:.82}
.desktop{position:absolute;inset:var(--bar-h) 0 0;overflow:hidden}.desktop-icons{position:absolute;inset:0;z-index:4}.desktop-icon{position:absolute;left:var(--x,20px);top:var(--y,20px);width:94px;min-height:88px;border:1px solid transparent;background:transparent;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;text-shadow:0 2px 5px #000;user-select:none}.desktop-icon--featured .folder-icon{width:62px;height:43px;border-color:#96c6a3;filter:brightness(1.08)}.desktop-icon--featured .icon-name{color:#bdf8c9}.desktop-icon:hover,.desktop-icon:focus-visible{background:rgba(140,255,167,.07);border-color:rgba(149,255,173,.25);outline:none}.icon-name{font-size:10px;line-height:1.16;text-align:center;color:#effaf1;max-width:90px;overflow-wrap:anywhere}.icon-sub{font-size:8px;color:#9fb5a4;text-align:center}
.folder-icon{position:relative;width:54px;height:38px;display:block;border:1px solid #7aab88;background:linear-gradient(160deg,#77a886,#477558 60%,#274630);box-shadow:inset 0 1px rgba(255,255,255,.23),4px 5px 0 rgba(0,0,0,.18)}.folder-icon:before{content:"";position:absolute;left:5px;top:-9px;width:24px;height:10px;border:1px solid #7aab88;border-bottom:0;background:#5d8f6d}.folder-icon:after{content:"";position:absolute;left:3px;right:3px;top:7px;height:1px;background:rgba(255,255,255,.2)}.folder-icon--large{width:76px;height:52px}.folder-icon--large:before{width:34px}.folder-icon--link:after{content:"↗";height:auto;top:10px;left:auto;right:8px;background:none;font-size:18px;color:#caffd4}.folder-icon--row{width:28px;height:20px}.folder-icon--row:before{left:3px;top:-5px;width:13px;height:6px}.file-icon{width:40px;height:50px;border:1px solid #8aaa92;background:#d8eadc;color:#102016;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;font-size:9px;position:relative;box-shadow:4px 5px 0 rgba(0,0,0,.2);text-shadow:none}.file-icon:before{content:"";position:absolute;right:-1px;top:-1px;border-left:12px solid transparent;border-bottom:12px solid #9bb9a2}.file-icon--app{font-size:24px;align-items:center;padding:0;font-style:italic}.file-icon--mail{font-size:18px;align-items:center;padding:0}.trash-icon{width:40px;height:45px;border:2px solid #a9b7ac;border-top:0;position:relative;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(255,255,255,.12) 8px 9px)}.trash-icon:before{content:"";position:absolute;width:46px;height:5px;left:-5px;top:-7px;border:2px solid #a9b7ac;background:#253128}.trash-icon:after{content:"";position:absolute;top:-12px;left:11px;width:14px;height:5px;border:2px solid #a9b7ac;border-bottom:0}

.window-layer{position:absolute;inset:0;z-index:20;pointer-events:none}.os-window{position:absolute;top:60px;left:220px;max-width:calc(100vw - 24px);max-height:calc(100% - var(--player-h) - 18px);min-height:120px;background:rgba(9,16,11,.965);border:1px solid #4f7059;box-shadow:var(--shadow),inset 0 0 0 1px rgba(255,255,255,.025);z-index:21;overflow:hidden;pointer-events:auto}.os-window.is-active{border-color:#83bd92;box-shadow:var(--shadow),0 0 0 1px rgba(149,255,173,.13)}.os-window.is-minimised{height:31px!important;min-height:31px!important;overflow:hidden}.window-titlebar{height:31px;background:linear-gradient(#203225,#142118);border-bottom:1px solid #405846;display:flex;align-items:center;padding:0 8px;touch-action:none;user-select:none}.os-window.is-dragging{transition:none!important;will-change:left,top}.os-window.is-dragging .window-titlebar{background:linear-gradient(#294330,#172a1d)}.window-dots{display:flex;gap:5px;width:72px}.window-dots span{width:8px;height:8px;border:1px solid #70927a;border-radius:50%;background:#17281c}.window-caption{font-size:10px;letter-spacing:.02em;display:flex;align-items:center;gap:7px;flex:1;justify-content:center;color:#cce1d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-caption b{color:#88f6a2}.window-actions{width:72px;display:flex;justify-content:flex-end}.window-actions button{width:26px;height:24px;border:0;background:transparent;color:#94a99a}.window-actions button:hover{color:var(--green);background:rgba(149,255,173,.08)}.window-content{max-height:calc(100vh - var(--bar-h) - var(--player-h) - 90px);overflow:auto;scrollbar-color:#4b7057 #111a13;scrollbar-width:thin}.window-heading{padding:25px 28px 20px;border-bottom:1px solid #2c4031;background:radial-gradient(circle at 85% 10%,rgba(108,255,143,.08),transparent 35%)}.window-heading p,.remix-heading p,.pack-hero p,.mail-header p,.properties-title p{margin:0 0 8px;color:#71d587;font-size:9px;letter-spacing:.14em}.window-heading h1,.remix-heading h1,.pack-hero h1,.mail-header h1,.properties-title h1{font-size:27px;line-height:1;margin:0 0 8px;letter-spacing:-.05em}.window-heading span,.properties-title span{font-size:9px;color:#839a89}
.file-list{display:flex;flex-direction:column}.file-row{width:100%;min-height:62px;border:0;border-bottom:1px solid #26352a;background:transparent;display:grid;grid-template-columns:54px minmax(0,1fr) 120px;align-items:center;text-align:left;padding:8px 16px}.file-row:hover{background:rgba(132,255,160,.055)}.row-icon{display:flex;justify-content:center;color:#89ffa4;font-size:17px}.row-main{min-width:0;display:flex;flex-direction:column;gap:4px}.row-main strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main small{font-size:8px;color:#7f9584}.row-meta{font-size:8px;color:#79917f;text-align:right}.video-file{width:29px;height:38px;border:1px solid #67856e;align-items:center;margin:auto;background:#18241b}.archive-warning{margin:16px 18px 0;padding:9px 12px;border:1px dashed #5b755f;color:#9bbba2;font-size:8px}.archive-image,.archive-text,.archive-audio,.archive-broken{border:1px solid #5e7965;width:30px;height:38px;display:flex;align-items:center;justify-content:center;font-size:7px;background:#172019}.archive-broken{color:#f0a5a5}

.pack-hero{display:flex;gap:18px;padding:24px 26px;border-bottom:1px solid #304234;align-items:center}.pack-art{width:90px;height:90px;border:1px solid #567461;overflow:hidden;flex:0 0 auto;box-shadow:7px 7px 0 rgba(0,0,0,.22)}.pack-art img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) brightness(.75) saturate(.7)}.pack-hero span{font-size:9px;color:#8da294}.track-list{display:flex;flex-direction:column}.track-row{height:61px;border:0;border-bottom:1px solid #26372b;background:transparent;display:grid;grid-template-columns:46px 1fr 92px;align-items:center;text-align:left;padding:0 20px}.track-row:hover:not(:disabled){background:rgba(149,255,173,.055)}.track-row.is-playing{background:rgba(149,255,173,.09)}.track-row.is-playing .track-action{color:var(--green)}.track-row:disabled{opacity:.4}.track-no{font-size:9px;color:#6f8775}.track-name{font-size:11px}.track-name em{display:block;font-style:normal;font-size:7px;color:#70c883;margin-top:4px}.track-action{text-align:right;font-size:8px;color:#8aa290}.window-foot{padding:14px 20px;font-size:8px;color:#879c8b}.window-foot button{padding:0;border:0;background:none;color:#8cf3a4;text-decoration:underline}

.video-window .window-content{overflow:auto}.remix-heading{padding:22px 24px 14px}.video-shell{width:100%;height:min(60vh,560px);min-height:410px;background:#000;border-block:1px solid #2f4333;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-shell iframe,.video-shell video{border:0;width:100%;height:100%;background:#000}.video-shell video{object-fit:contain}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2a3b2e;border-bottom:1px solid #2a3b2e}.info-grid>div,.info-grid>button{background:#0e1711;padding:15px 17px;border:0;text-align:left;color:inherit;display:flex;flex-direction:column;gap:5px}.info-grid small{font-size:7px;color:#718379}.info-grid strong{font-size:9px}.info-grid em{font-size:7px;color:#7be294;font-style:normal}.rights-note{font-size:7px;line-height:1.6;color:#63766a;padding:12px 17px;margin:0}

.system-properties{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:25px;align-items:center;border-bottom:1px solid #2a3b2d}.properties-logo{width:86px;height:86px;border:1px solid #526c59;display:flex;align-items:center;justify-content:center;background:#0a100c}.properties-logo img{max-width:70px;max-height:60px;filter:grayscale(.2)}.spec-list{margin:0;padding:8px 24px 18px}.spec-list>div{display:grid;grid-template-columns:120px 1fr;border-bottom:1px dotted #304236;padding:10px 0}.spec-list dt{font-size:8px;color:#72877a}.spec-list dd{margin:0;font-size:10px}.terminal-note{margin:0 24px 24px;border:1px solid #314536;background:#050806;padding:15px;color:#81d693;font-size:9px;line-height:1.8}.mail-header{padding:25px 26px 18px;border-bottom:1px solid #293b2e}.contact-list{display:flex;flex-direction:column}.contact-list a{display:grid;grid-template-columns:95px 1fr 80px;align-items:center;min-height:58px;padding:0 18px;color:inherit;text-decoration:none;border-bottom:1px solid #26372b}.contact-list a:hover{background:rgba(149,255,173,.05)}.contact-list span{font-size:8px;color:#718678}.contact-list strong{font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.contact-list em{text-align:right;font-size:8px;color:#7ce597;font-style:normal}.contact-small{font-size:8px;color:#718278;padding:13px 18px;margin:0}.text-window pre{margin:0;padding:22px;white-space:pre-wrap;font-size:10px;line-height:1.75;color:#bfe2c6;min-height:240px}.trash-empty{text-align:center;padding:40px 25px}.trash-big{font-size:44px;color:#779580}.trash-empty h1{font-size:16px}.trash-empty p{font-size:9px;color:#839689}.trash-empty button{border:1px solid #536e5b;background:#17221a;padding:8px 14px;font-size:9px}.dialog-content{display:flex;gap:18px;padding:25px}.dialog-icon{width:42px;height:42px;border:1px solid #77a984;color:#a8f5b9;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}.dialog-content h2{font-size:14px;margin:2px 0 8px}.dialog-content p{font-size:9px;color:#8ea091;line-height:1.6;margin:0}.dialog-buttons{display:flex;gap:8px;margin-top:22px;justify-content:flex-end}.dialog-buttons button{border:1px solid #405845;background:#111a13;padding:8px 10px;font-size:8px}.dialog-buttons .primary{border-color:#72a27e;background:#1c3121;color:#b8f7c4}

.player{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);z-index:800;width:min(720px,calc(100vw - 350px));min-width:540px;height:64px;border:1px solid rgba(111,145,120,.48);background:rgba(7,12,9,.86);backdrop-filter:blur(12px);display:grid;grid-template-columns:minmax(190px,230px) 112px minmax(180px,1fr) 44px;align-items:center;padding:7px 11px;box-shadow:0 10px 24px rgba(0,0,0,.30)}.player--attention{animation:playerflash .35s 2}.player-track{display:flex;align-items:center;min-width:0}.player-copy{min-width:0;width:100%;display:flex;flex-direction:column;gap:4px}.player-title-line{display:flex;align-items:baseline;gap:8px;min-width:0}.player-copy strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.player-bpm{font-size:8px;color:#74877a;white-space:nowrap;letter-spacing:.03em}.player-copy>small{font-size:7px;color:#718176;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.03em}.player-controls{display:flex;justify-content:center;gap:6px}.player-controls button,.system-audio-toggle{border:0;background:transparent;color:#8fa094;height:34px;min-width:30px;font-size:9px;padding:0 6px}.player-controls button:hover,.system-audio-toggle:hover{color:#c1d2c5}.player-controls .player-play{border:1px solid rgba(105,151,116,.42);background:rgba(76,112,84,.10);color:#c9efd1;min-width:36px}.player-progress-wrap{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:7px;font-size:7px;color:#718176}.player-progress-wrap input{width:100%;height:3px;accent-color:#82d895}.system-audio-toggle{font-size:8px;color:#7c8f82}.system-audio-on .system-audio-toggle{color:var(--green);text-shadow:0 0 8px rgba(149,255,173,.22)}

.bouncing-logo{position:absolute;left:0;top:0;z-index:3;width:84px;height:48px;opacity:.45;pointer-events:auto;will-change:transform}.bouncing-logo img{width:100%;height:100%;object-fit:contain;filter:grayscale(.1) drop-shadow(0 0 5px rgba(135,255,160,.15))}.bouncing-logo.turbo{opacity:.75;filter:contrast(1.4)}.context-menu{position:fixed;z-index:5000;width:182px;border:1px solid #597361;background:#101a13;box-shadow:12px 18px 35px rgba(0,0,0,.5);padding:4px}.context-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;font-size:9px}.context-menu button:hover{background:#294132;color:#b8f7c4}.toast{position:fixed;z-index:6000;right:18px;top:55px;max-width:300px;border:1px solid #4c6a55;background:#0c160f;padding:10px 13px;color:#a7e5b3;font-size:8px;box-shadow:8px 12px 30px rgba(0,0,0,.35)}
.glitching .os{animation:glitch .12s steps(2) 7}.glitching:before{opacity:.9;background:repeating-linear-gradient(to bottom,rgba(149,255,173,.16) 0,rgba(149,255,173,.16) 2px,transparent 3px,transparent 6px)}
@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(7px,-2px);filter:hue-rotate(25deg)}50%{transform:translate(-5px,3px)}75%{transform:translate(3px,1px);filter:contrast(1.5)}100%{transform:translate(0)}}
@keyframes playerflash{50%{border-color:#95ffad;box-shadow:0 0 25px rgba(149,255,173,.24)}}

@media(max-width:900px){.storage{display:none}.player{width:calc(100vw - 28px);min-width:0;grid-template-columns:minmax(180px,220px) 108px 1fr 42px}.desktop-icon{left:var(--x,16px)}}
@media(max-width:720px){:root{--bar-h:46px;--player-h:99px}.system-bar{padding:0 12px}.system-brand img,.entry-topbar img{height:24px}.system-status{font-size:9px}.desktop-icons{display:grid;grid-template-columns:repeat(4,1fr);align-content:start;gap:8px;padding:20px 9px;position:absolute}.desktop-icon,.entry-folder{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:auto;min-width:0;min-height:92px;padding:8px 1px}.entry-folder{position:absolute!important;left:50%!important;top:45%!important;transform:translate(-50%,-50%)!important;width:120px}.desktop-icons .desktop-icon{--x:0!important;--y:0!important}.folder-icon{width:48px;height:34px}.file-icon{width:36px;height:44px}.icon-name{font-size:8px;max-width:74px}.os-window{position:absolute!important;inset:8px 7px calc(var(--player-h) + 6px) 7px!important;width:auto!important;max-width:none;max-height:none;height:auto;transform:none!important}.os-window.is-minimised{inset:auto 7px calc(var(--player-h) + 6px) 7px!important}.window-content{max-height:calc(100vh - var(--bar-h) - var(--player-h) - 53px)}.window-dots{width:40px}.window-dots span{width:6px;height:6px}.window-actions{width:40px}.window-actions button[data-minimise]{display:none}.window-caption{font-size:8px}.player{height:88px;bottom:6px;width:calc(100vw - 12px);grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:46px 28px;padding:5px 9px 4px}.player-track{grid-column:1;min-width:0}.player-controls{grid-column:2;grid-row:1}.system-audio-toggle{grid-column:3;grid-row:1}.player-progress-wrap{grid-column:1/4;grid-row:2}.bouncing-logo{width:60px;height:35px;opacity:.25}.file-row{grid-template-columns:45px minmax(0,1fr) 70px;padding:7px 8px}.row-main strong{font-size:9px}.row-main small,.row-meta{font-size:7px}.window-heading{padding:18px 16px 15px}.window-heading h1{font-size:22px}.pack-hero{padding:17px 15px;gap:12px}.pack-art{width:68px;height:68px}.pack-hero h1{font-size:22px}.track-row{padding:0 12px;grid-template-columns:36px 1fr 65px}.video-shell{min-height:370px;height:55vh}.info-grid{grid-template-columns:1fr}.system-properties{grid-template-columns:70px 1fr;padding:18px 15px;gap:12px}.properties-logo{width:64px;height:64px}.properties-logo img{max-width:52px}.spec-list{padding:7px 15px}.spec-list>div{grid-template-columns:90px 1fr}.contact-list a{grid-template-columns:72px 1fr 53px;padding:0 11px}.corner-path{bottom:110px}}
@media(max-width:420px){.desktop-icons{grid-template-columns:repeat(3,1fr)}.system-brand img,.entry-topbar img{height:22px}.window-heading h1,.remix-heading h1{font-size:20px}.player-track{max-width:none}.player-copy strong{font-size:10px}.player-bpm{font-size:8px}.player-copy>small{font-size:8px}.player-controls{gap:2px}.dialog-content{padding:18px;gap:11px}.dialog-buttons{flex-direction:column}.video-shell{min-height:330px}}

@media(max-width:720px){
  .desktop{overflow:hidden}
  .desktop-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 6px;padding:22px 10px 116px;overflow-y:auto;align-content:start}
  .desktop-icon{min-height:102px;border-radius:2px}
  .desktop-icon:active,.file-row:active,.track-row:active{background:rgba(149,255,173,.11)}
  .icon-name{font-size:9px;line-height:1.25}
  .icon-sub{font-size:7px;line-height:1.25;max-width:86px}
  .os-window{inset:6px 5px calc(var(--player-h) + 4px) 5px!important;border-color:#587961;box-shadow:0 14px 35px rgba(0,0,0,.34)}
  .window-titlebar{height:36px;padding:0 7px}
  .window-actions button{width:34px;height:32px;font-size:16px}
  .window-content{max-height:calc(100vh - var(--bar-h) - var(--player-h) - 51px)}
  .file-row{min-height:68px}
  .track-row{min-height:64px;height:auto;padding-top:8px;padding-bottom:8px}
  .contact-list a{min-height:64px}
  .player-controls button,.system-audio-toggle{min-width:34px;height:34px}
  .corner-path{display:none}
}
@media(max-width:360px){
  .desktop-icons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .desktop-icon{min-height:98px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.bouncing-logo{display:none}}

.icon-sub--muted{color:rgba(176,188,179,.58);max-width:104px;line-height:1.35}

.track-name{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.track-title-line{display:flex;align-items:baseline;gap:8px;min-width:0;max-width:100%}.track-title{display:block;min-width:0}.track-bpm{font-size:8px;color:#708377;letter-spacing:.06em;white-space:nowrap;font-weight:400}.track-name em{margin-top:0}

.password-gate{padding:24px 24px 26px;text-align:center}.password-heading small{display:block;color:#70c986;font-size:8px;letter-spacing:.1em;margin-bottom:9px}.password-heading h1{font-size:18px;margin:0 0 7px;letter-spacing:.035em}.password-heading p{font-size:9px;color:#7f9285;margin:0 0 20px}.password-boxes{display:flex;justify-content:center;gap:10px;margin:0 auto 12px}.password-boxes span{width:48px;height:52px;border:1px solid #4c6754;background:#080e0a;display:flex;align-items:center;justify-content:center;font-size:25px;color:#a9f3b9;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.password-boxes span.filled{border-color:#6e9c79;background:#0c150f}.password-status{height:18px;font-size:8px;letter-spacing:.14em;color:#728477;margin-bottom:13px}.keypad{display:grid;grid-template-columns:repeat(3,56px);gap:8px;justify-content:center}.keypad button{width:56px;height:48px;border:1px solid #405946;background:#121d15;color:#d6e8da;font-size:13px}.keypad button:active{background:#24382a;border-color:#77a985}.keypad .keypad-small{font-size:8px;color:#8fa396}.password-gate.denied{animation:passwordDeny .38s steps(2) 2}.password-gate.denied .password-status{color:#e79a9a}.password-gate.denied .password-boxes span{border-color:#8d4e4e;color:#f1aaaa}.password-gate.denied .keypad{filter:brightness(.7)}@keyframes passwordDeny{0%{transform:translateX(0)}25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}100%{transform:translateX(0)}}

.roess-glitch-overlay{position:fixed;inset:0;z-index:20000;pointer-events:none;overflow:hidden;background:rgba(3,8,5,.86);animation:glitchOverlayLife .78s steps(1,end) both}
.roess-glitch-overlay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(142,255,166,.075) 4px,rgba(142,255,166,.075) 5px);mix-blend-mode:screen;z-index:6;animation:scanJump .11s steps(2) infinite}
.glitch-logo{position:absolute;left:50%;top:50%;width:min(1280px,150vw);max-width:none;height:auto;transform:translate(-50%,-50%);filter:contrast(1.25) brightness(.92);opacity:0}
.glitch-logo--a{z-index:2;animation:logoGlitchA .78s steps(1,end) both}
.glitch-logo--b{z-index:3;opacity:0;filter:contrast(1.45) brightness(.82) sepia(.2) hue-rotate(65deg);mix-blend-mode:screen;animation:logoGlitchB .78s steps(1,end) both}
.glitch-logo--c{z-index:4;opacity:0;filter:contrast(1.5) brightness(.72);mix-blend-mode:lighten;animation:logoGlitchC .78s steps(1,end) both}
.glitch-noise{position:absolute;inset:-20%;z-index:5;opacity:.19;background-image:repeating-radial-gradient(circle at 30% 40%,rgba(159,255,178,.65) 0 1px,transparent 1px 4px);background-size:7px 7px;animation:noiseShift .09s steps(2) infinite}
.glitch-bars{position:absolute;inset:0;z-index:7;background:linear-gradient(to bottom,transparent 0 18%,rgba(104,208,128,.14) 18% 21%,transparent 21% 47%,rgba(0,0,0,.72) 47% 50%,transparent 50% 74%,rgba(139,255,163,.12) 74% 78%,transparent 78%);animation:barTear .13s steps(2) infinite}
.dont-open-glitch .os{animation:dontOpenShake .085s steps(2) 8}
@keyframes glitchOverlayLife{0%{opacity:0}5%{opacity:1}16%{opacity:.2}23%{opacity:1}34%{opacity:.68}47%{opacity:1}63%{opacity:.3}70%{opacity:1}91%{opacity:.8}100%{opacity:0}}
@keyframes logoGlitchA{0%,5%{opacity:0}6%{opacity:.88;transform:translate(-51%,-49%) scale(.92)}14%{opacity:.16;transform:translate(-48%,-51%) scale(1.08)}19%{opacity:.9;clip-path:inset(0 0 56% 0);transform:translate(-53%,-50%) scale(1.18)}28%{opacity:.78;clip-path:inset(32% 0 18% 0);transform:translate(-47%,-49%) scale(.98)}38%{opacity:0}43%{opacity:.95;clip-path:inset(18% 0 39% 0);transform:translate(-52%,-51%) scale(1.12)}55%{opacity:.72;clip-path:none;transform:translate(-49%,-50%) scale(1.02)}66%{opacity:.15}71%{opacity:.88;transform:translate(-51%,-50%) scale(1.2)}84%{opacity:.52;clip-path:inset(58% 0 8% 0)}100%{opacity:0}}
@keyframes logoGlitchB{0%,12%{opacity:0}13%{opacity:.44;clip-path:inset(62% 0 7% 0);transform:translate(-46%,-50%) scale(1.08)}24%{opacity:0}36%{opacity:.4;clip-path:inset(8% 0 72% 0);transform:translate(-55%,-48%) scale(1.16)}48%{opacity:0}61%{opacity:.5;clip-path:inset(42% 0 34% 0);transform:translate(-45%,-52%) scale(.96)}78%{opacity:0}83%{opacity:.38;transform:translate(-54%,-48%) scale(1.11)}100%{opacity:0}}
@keyframes logoGlitchC{0%,21%{opacity:0}22%{opacity:.34;clip-path:inset(28% 0 51% 0);transform:translate(-56%,-50%) scale(1.03)}31%{opacity:0}50%{opacity:.32;clip-path:inset(70% 0 4% 0);transform:translate(-44%,-49%) scale(1.13)}60%{opacity:0}73%{opacity:.26;clip-path:inset(4% 0 78% 0);transform:translate(-53%,-52%) scale(1.18)}92%{opacity:0}100%{opacity:0}}
@keyframes scanJump{0%{transform:translateY(0)}50%{transform:translateY(8px)}100%{transform:translateY(-5px)}}
@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-4%,2%)}75%{transform:translate(3%,4%)}100%{transform:translate(-2%,-1%)}}
@keyframes barTear{0%{transform:translateY(-3%)}50%{transform:translateY(4%)}100%{transform:translateY(-1%)}}
@keyframes dontOpenShake{0%{transform:translate(0)}25%{transform:translate(5px,-2px)}50%{transform:translate(-6px,3px)}75%{transform:translate(3px,1px)}100%{transform:translate(0)}}
@media(max-width:720px){.glitch-logo{width:225vw}}

@media(max-width:720px){
  .system-status{font-size:10px}
  .icon-name{font-size:11px;max-width:92px}
  .icon-sub,.icon-sub--muted{font-size:9px;max-width:100px}
  .window-caption{font-size:10px}
  .window-heading p,.remix-heading p,.pack-hero p,.mail-header p,.properties-title p{font-size:10px}
  .window-heading span,.properties-title span,.pack-hero span{font-size:10px}
  .row-main strong{font-size:12px}
  .row-main small,.row-meta{font-size:10px}
  .track-no{font-size:10px}
  .track-name{font-size:12px}
  .track-title-line{gap:7px;flex-wrap:wrap;row-gap:2px}
  .track-bpm{font-size:9px}
  .track-name em{font-size:9px}
  .track-action{font-size:10px}
  .window-foot{font-size:10px;line-height:1.5}
  .spec-list dt{font-size:10px}.spec-list dd{font-size:12px}
  
  .contact-list span,.contact-list em,.contact-small{font-size:10px}.contact-list strong{font-size:12px}
  .text-window pre{font-size:12px;line-height:1.7;padding:20px 16px}
  .dialog-content h2{font-size:16px}.dialog-content p{font-size:11px}.dialog-buttons button{font-size:10px;min-height:42px}
  .player-copy strong{font-size:11px}.player-bpm{font-size:9px}.player-copy>small{font-size:8px}.player-progress-wrap{font-size:8px}.system-audio-toggle{font-size:8px}
  .password-gate{padding:22px 14px 26px}.password-heading small{font-size:9px}.password-heading h1{font-size:20px}.password-heading p{font-size:11px}.password-boxes{gap:8px}.password-boxes span{width:min(16vw,56px);height:min(18vw,60px);font-size:28px}.password-status{font-size:10px;margin-bottom:15px}.keypad{grid-template-columns:repeat(3,min(18vw,64px));gap:10px}.keypad button{width:min(18vw,64px);height:min(15vw,58px);min-height:50px;font-size:16px}.keypad .keypad-small{font-size:10px}
}
@media(max-width:420px){
  .player-copy strong{font-size:11px}.player-bpm{font-size:9px}.player-copy>small{font-size:8px}
  .window-heading h1,.remix-heading h1{font-size:22px}
}

/* REMIX CATALOGUE */
.remix-file{display:flex!important;align-items:baseline;gap:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remix-file span,.remix-file b{font-size:inherit}.remix-file b{font-weight:800;color:#f2f8f3}.remix-empty{padding:42px 20px;text-align:center;display:flex;flex-direction:column;gap:8px;color:#718176}.remix-empty strong{font-size:11px;color:#9aaa9d}.remix-empty span{font-size:8px}
@media(max-width:720px){.remix-file{font-size:11px!important}.remix-file b{font-size:11px!important}.remix-row .row-main small{font-size:8px}.remix-empty{padding:38px 16px}.remix-empty strong{font-size:13px}.remix-empty span{font-size:10px}}

/* 3.13 — current-season remix catalogue */
.remix-heading .remix-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:0;font-size:24px;line-height:1.08;margin:0;color:#c9d2cb;letter-spacing:-.035em}
.remix-heading .remix-title span{color:#aebbb1;font-size:inherit}
.remix-heading .remix-title b{font-size:inherit;font-weight:800;color:#f4f7f4}
.remix-extension{display:block;margin-top:5px;font-size:8px;color:#718176;letter-spacing:.06em}
@media(max-width:720px){.remix-heading .remix-title{font-size:20px}.remix-extension{font-size:10px}.rights-note{font-size:9px;line-height:1.55}}

@media(max-width:720px){.entry-release{left:12px;right:12px;bottom:14px;width:auto;min-height:64px;padding:6px}.entry-release img{width:50px;height:50px}.entry-release-copy strong{font-size:10px}.entry-release-copy small{font-size:8px}}

/* 3.18 — larger landing-page release card */
.entry-release{
  width:176px;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:9px;
  padding:9px;
}
.entry-release img{
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  display:block;
  object-fit:cover;
}
.entry-release-copy{
  width:100%;
  gap:5px;
  padding:1px 1px 2px;
}
.entry-release-copy strong{
  font-size:11px;
  line-height:1.25;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.entry-release-copy small{
  font-size:8px;
}
@media(max-width:720px){
  .entry-release{
    left:12px;
    right:auto;
    bottom:max(12px,env(safe-area-inset-bottom));
    width:clamp(116px,34vw,146px);
    min-height:0;
    padding:7px;
    gap:7px;
  }
  .entry-release img{
    width:100%;
    height:auto;
  }
  .entry-release-copy strong{
    font-size:9px;
    line-height:1.2;
  }
  .entry-release-copy small{
    font-size:7px;
  }
}
@media(max-width:420px){
  .entry-release{
    width:clamp(108px,32vw,128px);
    left:10px;
    bottom:max(10px,env(safe-area-inset-bottom));
  }
}