-color:var(--emerald);color:var(--emerald);} #musicbtn.off{color:#8a8478;border-color:#35402f;} #prompt{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);font-size:12px;letter-spacing:2px; color:var(--bone);background:rgba(6,10,7,.7);border:1px solid rgba(47,191,90,.3);padding:8px 16px;border-radius:20px; opacity:0;transition:opacity .25s;text-transform:uppercase;pointer-events:none;} #prompt.show{opacity:1;} /* ---------- PANEL ---------- */ #panel{position:fixed;inset:0;z-index:40;display:none;align-items:center;justify-content:center; background:rgba(0,0,0,.66);backdrop-filter:blur(3px);padding:20px;} #panel.show{display:flex;} .card{width:min(94vw,440px);max-height:82vh;overflow:auto;background:linear-gradient(180deg,rgba(14,18,13,.98),rgba(6,10,7,.98)); border:1px solid rgba(47,191,90,.4);border-radius:14px;box-shadow:0 0 46px rgba(0,0,0,.8),0 0 30px rgba(47,191,90,.12) inset;} .card .head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(47,191,90,.18);} .card .head img{height:44px;} .card .head h2{margin:0;font-size:16px;letter-spacing:3px;text-transform:uppercase;color:var(--emerald);} .card .head .k{font-size:11px;color:#8a8478;letter-spacing:2px;} .card .body{padding:18px 20px 22px;font-size:14px;line-height:1.6;color:#cdc8bc;} .card .body p{margin:0 0 12px;} .card .body .lead{color:var(--bone);} .card .body .flavor{font-style:italic;color:#8f9a86;} .btnrow{display:flex;flex-direction:column;gap:9px;margin-top:6px;} .abtn{display:block;text-align:center;text-decoration:none;padding:12px;border-radius:9px;font-size:13px;letter-spacing:2px; text-transform:uppercase;color:#eafff0;background:linear-gradient(180deg,#1e6f3c,#0c3a1f);border:1px solid var(--emerald);cursor:pointer;} .abtn.ghost{background:transparent;color:#9aa392;border:1px solid #35402f;} .abtn.ghost:hover{border-color:var(--emerald);color:var(--emerald);} .stub{font-size:11px;color:#6f6a5f;letter-spacing:1px;margin-top:14px;border-top:1px dashed #2c332a;padding-top:12px;} .menu-list{display:flex;flex-direction:column;gap:8px;} .menu-list .mrow{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border:1px solid #2c332a;border-radius:9px;cursor:pointer;} .menu-list .mrow:hover{border-color:var(--emerald);} .menu-list a.mrow{text-decoration:none;color:inherit;} .menu-list .mrow b{color:var(--bone);font-weight:600;letter-spacing:1px;} .menu-list .mrow small{color:#8a8478;} .xclose{position:absolute;top:14px;right:16px;z-index:2;cursor:pointer;color:#9aa392;font-size:22px;line-height:1;padding:4px 8px;} .xclose:hover{color:var(--emerald);}
Kindling the forge
Emerald's Longhouse
Honest Music Reviews & Mastering
Enter the Hall
Emerald
♪ Music
Drag to move