:root{--glass:rgba(7,27,37,.72);--glass-strong:rgba(6,25,35,.91);--glass-raised:rgba(15,43,54,.78);--glass-border:rgba(190,219,228,.14);--glass-highlight:rgba(255,255,255,.055);--glass-accent:#ff4103;--glass-text:#f3f7f8;--glass-muted:#92a6ae;--glass-radius:14px;--glass-shadow:0 14px 38px rgba(0,0,0,.24),inset 0 1px 0 var(--glass-highlight);--glass-blur:blur(14px) saturate(118%)}
html{background:#001019}body{background:radial-gradient(90% 48% at 12% -6%,rgba(19,74,94,.22),transparent 68%),radial-gradient(60% 45% at 105% 34%,rgba(255,65,3,.07),transparent 72%),radial-gradient(75% 55% at 20% 100%,rgba(10,54,75,.16),transparent 72%),#00131d!important;background-attachment:fixed!important;color:var(--glass-text)}body:before{opacity:.08!important;background:linear-gradient(125deg,transparent 49.7%,rgba(255,255,255,.22) 50%,transparent 50.3%)!important;background-size:14px 14px!important}body:has(.mf-page):before,body:has(.mp-page):before,body:has(.tourney-page):before,body:has(.mobile-add):before{display:block!important}.mf-page,.mp-page,.mobile-add,.tourney-page,.layout:has(.mf-page),.layout:has(.tourney-page){background:transparent!important}
.panel,.mf-card,.tourney-content,.mp-modal-sheet,.stage2-presave-modal>div,.official-comments-modal>.official-comments-sheet{border:1px solid var(--glass-border)!important;background:linear-gradient(145deg,rgba(12,40,51,.78),var(--glass))!important;box-shadow:var(--glass-shadow)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}button,a,input,textarea,select{transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(255,65,3,.72)!important;outline-offset:2px}input,textarea,select,.mobile-release-form input,.tourney-form input,.mp-modal-sheet input,.mp-modal-sheet textarea{border-color:var(--glass-border)!important;background:rgba(0,17,24,.68)!important;color:var(--glass-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}input::placeholder,textarea::placeholder{color:#78909a!important;opacity:1}
.mf-presave,.mf-listen,.presave,.mobile-release-form .submit,.tourney-form>button,.mp-modal-actions button:not(.secondary){border:1px solid rgba(255,113,66,.44)!important;background:linear-gradient(180deg,#ff4b12,#e93205)!important;color:#fff!important;box-shadow:0 7px 18px rgba(225,45,5,.2),inset 0 1px 0 rgba(255,255,255,.18)!important}.mf-presave:active,.mf-listen:active,.presave:active,.mobile-release-form .submit:active,.tourney-form>button:active{transform:translateY(1px)}.secondary,.mp-modal-actions .secondary{border-color:var(--glass-border)!important;background:rgba(16,43,54,.72)!important;color:var(--glass-text)!important}
/* Feed */
.mf-feed{gap:11px!important;padding:12px 12px 20px!important}.mf-card{position:relative;overflow:hidden;border-radius:var(--glass-radius)!important}.mf-card:before{content:"";position:absolute;z-index:2;top:10px;bottom:10px;left:0;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#ff6230,#e72d08);box-shadow:0 0 10px rgba(255,65,3,.14);pointer-events:none}.mf-release-card,.mf-official-post,.mf-text-post{padding:12px 12px 11px 14px!important}.mf-post-author b,.official-post-meta>b,.mf-release-title,.mf-official-title{color:var(--glass-text)!important}.mf-post-author span,.mf-service,.mf-release-meta,.mf-release-count,.official-post-meta>span:not(.mf-official-label),.official-post-footer time{color:var(--glass-muted)!important}.mf-cover,.mf-official-image,.official-media{border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;box-shadow:0 8px 20px rgba(0,0,0,.2)}.official-media iframe{border-radius:inherit}.mf-release-action-row{margin-top:10px!important;padding-top:7px;border-top:1px solid rgba(205,230,237,.075)}.post-like,.post-comment{color:#94a7ae!important}.post-like[aria-pressed="true"]{color:#ff4103!important}@media(hover:hover) and (pointer:fine){.post-like:hover,.post-comment:hover{color:var(--glass-accent)!important}}.mf-presave,.mf-listen{min-height:34px!important;padding:0 11px!important;border-radius:8px!important;font-size:10px!important;font-weight:850!important}.stage2-comments{display:inline-flex!important;align-items:center;gap:5px;min-height:30px;margin:7px 0 0!important;padding:4px 7px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#94a7ae!important;font-size:11px!important;font-weight:700!important;line-height:16px}.stage2-comments:before{content:"";width:10px;height:8px;border:1.5px solid currentColor;border-radius:4px}.stage2-comments:hover{color:var(--glass-accent)!important}.mf-tabs,.mp-tabs{border-color:rgba(205,230,237,.09)!important;background:rgba(0,15,23,.38)!important;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.mf-tabs button.active:after,.mp-tabs button.active:after{height:2px!important;background:linear-gradient(90deg,#ff5b24,#e93205)!important;box-shadow:0 0 8px rgba(255,65,3,.2)}
/* Comments */
.official-comments-modal{background:rgba(0,8,13,.62)!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.official-comments-modal>.official-comments-sheet{border-radius:18px!important;background:linear-gradient(155deg,rgba(10,37,49,.88),rgba(3,20,29,.78))!important;box-shadow:0 24px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.07)!important}.official-comments-head{position:relative;margin-bottom:4px!important;padding-bottom:9px;border-bottom:1px solid rgba(205,230,237,.08)}.official-comments-head:after{content:"";position:absolute;bottom:-1px;left:0;width:38px;height:1px;background:linear-gradient(90deg,var(--glass-accent),transparent)}.official-comments-head h2{font-size:14px!important;font-weight:760!important;letter-spacing:.04em;text-transform:uppercase}.official-comments-head [data-close]{border:1px solid rgba(255,255,255,.08)!important;border-radius:50%!important;background:rgba(255,255,255,.035)!important}.official-comments-list article{padding:9px 0 8px!important;border-top-color:rgba(205,230,237,.065)!important}.official-comment-head time{color:#718993!important}.official-comments-modal article p{color:#dce6e9!important}.official-comment-actions button{color:#91a5ad!important}.official-comments-modal .comment-reply-quote{border:1px solid rgba(185,217,226,.08);border-radius:8px!important;background:rgba(0,15,23,.32)!important;color:#8ea2aa!important}.official-comments-modal .comment-reply-quote b{color:#bccbd0!important}.official-comments-modal .comment-reply-preview{margin-top:7px!important;padding:7px 34px 0 0;border-top:1px solid rgba(205,230,237,.07)}.official-comments-modal .official-comment-composer{margin-top:7px!important;padding-top:8px!important;border-top-color:rgba(205,230,237,.08)!important}.official-comments-modal .official-comment-composer textarea{border:1px solid rgba(194,224,232,.13)!important;background:rgba(0,14,21,.58)!important}.official-comments-modal .official-comment-composer button[type=submit]{border:1px solid rgba(255,116,70,.4)!important;border-radius:9px!important;background:linear-gradient(180deg,#ff4b12,#e93205)!important;box-shadow:0 5px 14px rgba(225,45,5,.22)!important}.official-comment-menu,.post-admin-popover{border:1px solid var(--glass-border)!important;border-radius:10px!important;background:rgba(8,30,40,.94)!important;box-shadow:0 15px 34px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.official-comment-menu button,.post-admin-popover button{border-radius:7px!important}.official-comment-menu [data-menu-reply]{color:#dce7ea!important}.official-comment-menu [data-menu-delete],.destructive{color:#ff8177!important}
/* Add release */
.mobile-add:before{filter:saturate(.78) brightness(.82)}.mobile-add .mobile-add-hero-copy{max-width:70%;text-shadow:0 2px 14px rgba(0,0,0,.72)}.mobile-add .add-progress{border-color:var(--glass-border)!important;border-radius:12px!important;background:rgba(7,29,39,.56)!important;box-shadow:var(--glass-shadow)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.progress-track{height:5px!important;background:rgba(0,10,16,.7)!important}.progress-fill{background:linear-gradient(90deg,#e93005,#ff612d)!important;box-shadow:0 0 8px rgba(255,65,3,.24)}.mobile-release-form{padding:14px 12px 16px;border:1px solid var(--glass-border);border-radius:14px;background:linear-gradient(145deg,rgba(9,34,45,.72),rgba(4,23,32,.62));box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-release-form input{border-radius:9px!important;background:rgba(0,17,24,.64)!important}.release-mode{gap:8px!important}.release-mode button{padding:10px 12px 10px 29px!important;border-color:var(--glass-border)!important;border-radius:10px!important;background:rgba(8,32,42,.58)!important}.release-mode button[aria-pressed=true]{border-color:rgba(255,82,30,.56)!important;background:linear-gradient(135deg,rgba(255,65,3,.11),rgba(10,36,46,.7))!important}.genre-chips span{border-color:var(--glass-border)!important;border-radius:8px!important;background:rgba(7,30,40,.58)!important}.genre-chips input:checked+span{border-color:rgba(255,82,30,.56)!important;background:rgba(255,65,3,.1)!important;color:#ff7b50!important}
/* Tournament */
.tourney-cover{border-color:var(--glass-border)!important;border-radius:14px!important;box-shadow:0 16px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)!important}.tourney-status{border-color:rgba(255,95,43,.48)!important;border-radius:7px!important;background:rgba(0,17,24,.66)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tourney-countdown{border-color:var(--glass-border)!important;border-radius:8px!important;background:rgba(0,16,23,.68)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tourney-content{border-radius:14px!important}.tourney-tabs{gap:18px!important;border-color:rgba(205,230,237,.09)!important}.tourney-tabs button{position:relative;border:0!important;color:var(--glass-muted)!important}.tourney-tabs button.active{color:var(--glass-text)!important}.tourney-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:3px;background:linear-gradient(90deg,#ff5d28,#e93205)}.tourney-rule{border-color:rgba(205,230,237,.075)!important}.tourney-track,.tourney-file-card{border-color:var(--glass-border)!important;border-radius:10px!important;background:rgba(0,17,24,.55)!important}.tourney-form{border-color:rgba(205,230,237,.08)!important}.tourney-file-field{border-color:rgba(255,91,39,.44)!important;border-radius:10px!important;background:rgba(0,17,24,.52)!important}.tourney-admin{border-color:rgba(205,230,237,.08)!important}
/* Navigation */
.echo-mobile-nav,.mf-bottom-nav,.mp-bottom-nav{border-top:1px solid rgba(197,226,234,.13)!important;background:rgba(3,21,29,.82)!important;box-shadow:0 -10px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;-webkit-backdrop-filter:blur(15px) saturate(118%);backdrop-filter:blur(15px) saturate(118%)}.echo-mobile-nav button.active,.mf-bottom-nav button.active,.mp-bottom-nav button.active{color:var(--glass-accent)!important}.mp-header-search,.mp-account-gear,.mp-icon-button,.mp-modal-close{border-color:var(--glass-border)!important;background:rgba(8,32,42,.72)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.panel,.mf-card,.tourney-content,.mp-modal-sheet,.stage2-presave-modal>div,.official-comments-modal>.official-comments-sheet,.mobile-release-form,.mobile-add .add-progress{background:#082530!important}.echo-mobile-nav,.mf-bottom-nav,.mp-bottom-nav{background:#061d27!important}}.post-like{transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease!important}.mf-page .post-actions .post-like[aria-pressed="true"]{color:#ff4103!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(max-width:780px){.official-comments-modal{padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important}.official-comments-modal>.official-comments-sheet{width:min(100%,430px)!important;border-radius:17px!important}.mobile-add{padding-right:10px!important;padding-left:10px!important}.mobile-add>.echo-mobile-header{margin-right:-10px!important;margin-left:-10px!important}}@media(max-width:350px){.mf-feed{padding-right:8px!important;padding-left:8px!important}.mf-release-body{grid-template-columns:68px minmax(0,1fr)!important}.mf-cover{width:68px!important;height:68px!important}.mf-release-title{font-size:14px!important}.mf-presave,.mf-listen{padding:0 8px!important;font-size:9px!important}.official-comments-modal{padding-right:7px!important;padding-left:7px!important}}
@media(min-width:781px){body{background:radial-gradient(70% 55% at 70% -10%,rgba(31,81,99,.16),transparent 68%),radial-gradient(45% 45% at 100% 42%,rgba(255,65,3,.055),transparent 74%),#071219!important}.release,.side-card,.form-panel,.tourney-hero,.tourney-content{border-color:var(--glass-border)!important;background:linear-gradient(145deg,rgba(18,31,35,.86),rgba(9,20,24,.8))!important;box-shadow:var(--glass-shadow)!important}.mobile-add{border:1px solid var(--glass-border)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(10,35,45,.84),rgba(4,22,30,.8))!important;box-shadow:var(--glass-shadow)!important}.official-comments-modal>.official-comments-sheet{width:min(430px,100%)!important}}
@media(max-width:780px){.mobile-add .mobile-add-hero{margin-right:-10px!important;margin-left:-10px!important}}

/* Mobile polish: shared header, profile surfaces and neutral navy navigation */
@media(max-width:780px){
.echo-mobile-header,.mp-header{height:calc(54px + env(safe-area-inset-top))!important;min-height:calc(54px + env(safe-area-inset-top));box-sizing:border-box!important}
.echo-mobile-wordmark,.mp-wordmark{display:block!important;box-sizing:content-box!important;width:68px!important;height:34px!important;padding:10px 12px!important;object-fit:contain!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mp-wordmark{top:env(safe-area-inset-top)!important;left:50%!important;transform:translateX(-50%)!important}
.echo-mobile-wordmark:focus-visible,.mp-wordmark:focus-visible{outline:2px solid rgba(255,65,3,.72)!important;outline-offset:-7px;border-radius:12px}
.mp-tabs{height:44px!important;margin:10px 12px 0!important;padding:2px 8px 0!important;border:1px solid var(--glass-border)!important;border-radius:11px!important;background:rgba(5,27,37,.72)!important;box-shadow:inset 0 1px 0 var(--glass-highlight)!important;overflow:hidden}
.mp-tabs button{height:41px!important}
.mp-releases{margin:9px 12px 0!important;padding:3px 10px 12px!important;border:1px solid var(--glass-border)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(10,37,48,.7),rgba(4,23,32,.64))!important;box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 var(--glass-highlight)!important}
.mp-profile-release{padding:10px 0!important;border-bottom-color:rgba(205,230,237,.08)!important}.mp-profile-release:last-child{border-bottom:0!important}
.mp-release-row>img,.mp-release-cover{border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.mp-edit,.mp-platforms a,.mp-socials a{border-color:var(--glass-border)!important;background:rgba(9,34,44,.68)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
.mp-release-listen{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:0 11px!important;border:1px solid rgba(255,113,66,.44)!important;border-radius:8px!important;background:linear-gradient(180deg,#ff4b12,#e93205)!important;color:#fff!important;box-shadow:0 7px 18px rgba(225,45,5,.2),inset 0 1px 0 rgba(255,255,255,.18)!important;font-size:10px!important;font-weight:850!important;text-decoration:none}.mp-release-listen:active{transform:translateY(1px)}
.echo-mobile-nav,.mf-bottom-nav,.mp-bottom-nav{background:linear-gradient(180deg,rgba(5,31,43,.94),rgba(2,18,27,.97))!important;border-top-color:rgba(197,226,234,.14)!important;-webkit-backdrop-filter:blur(15px) saturate(108%);backdrop-filter:blur(15px) saturate(108%)}
.mp-page{box-sizing:border-box!important;min-height:calc(100dvh - 60px - env(safe-area-inset-bottom))!important;padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;overflow-x:clip!important;overflow-y:visible!important}
.mp-achievements{box-sizing:border-box;margin:9px 12px 0!important;min-height:180px;padding:28px 24px!important;border:1px solid var(--glass-border);border-radius:12px;background:linear-gradient(145deg,rgba(10,37,48,.7),rgba(4,23,32,.64))!important;box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 var(--glass-highlight)}
.mf-author-avatar,.mf-author-name{margin:0;padding:0;border:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;text-align:left}.mf-author-avatar{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:50%!important}.mf-author-name{display:block;max-width:100%;overflow:hidden;color:var(--glass-text)!important;font-size:14px;font-weight:700;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.mf-author-avatar:active,.mf-author-name:active{opacity:.72}.mf-author-avatar .mf-avatar{pointer-events:none}
.mf-release-primary{display:flex;width:100%;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:8px}.mf-release-social-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-top:10px;padding-top:7px;border-top:1px solid rgba(205,230,237,.075)}.mf-release-social-row .post-actions{min-width:0;margin:0!important;padding:0!important;border:0!important}.mf-release-social-row time{flex:0 1 auto;min-width:0;overflow:hidden;color:var(--glass-muted);font-size:10px;line-height:14px;white-space:nowrap;text-overflow:ellipsis}
.mf-presave-complete{cursor:default!important;border-color:rgba(190,219,228,.16)!important;background:rgba(10,38,49,.72)!important;color:#b8c8cd!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
}
