body{
    background-color:#09280f;
    color:#02ff77;
    font-family: '04b_03', Lato, '04b_03', sans-serif;
    background-image: url(https://img.itch.zone/aW1nLzI1ODUwMjE5LnBuZw==/original/Gbn3z7.png);
    background-repeat: repeat-x;
    background-position: 50% 0;
    background-attachment: fixed;
}
.wrapper{
    background-color: #09280f;
    background-image: url(https://img.itch.zone/aW1nLzI1ODUwMjE5LnBuZw==/original/Gbn3z7.png);
    background-repeat: repeat-x;
    background-position: 50% 0;
    background-attachment: fixed;
}
.inner_column{
    color: #02ff77;
    font-family: '04b_03', Lato, sans-serif;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}
.center{
    max-width:980px;
    margin:18px auto;
    background-color: rgba(12,33,11,1);
    padding:22px;
    border-radius:8px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.4) inset;
}
/* .center now styled above to include panel background */
.mods{ margin-top:12px }
.mod-entry{ display:flex; gap:18px; align-items:flex-start; border:1px solid rgba(2,255,119,0.06); padding:14px; border-radius:10px; margin-bottom:18px; background:darkgreen; transition: transform 160ms ease, box-shadow 160ms ease }
.mod-info{ flex:1; min-width:0 }
.mod-info h3{ margin:0 0 8px 0; font-size:1.25rem; color: #7af78f }
.mod-version{ color: #c8ffdd; font-weight:600; margin-left:8px; font-size:0.9rem }
.mod-author{ display:flex; align-items:center; gap:8px; margin-bottom:8px; color: rgba(2,255,119,0.95) }
.mod-author img{ width:36px; height:36px; border-radius:50%; border:1px solid #265424 }
.mod-info p{ margin:8px 0; line-height:1.45; color: #b6ffd8 }
.mod-image{ width:220px; flex:0 0 220px }
.mod-image img{ width:100%; height:auto; display:block; border-radius:8px }
.mod-image .frame{ background:#fff; padding:8px; border-radius:8px; box-shadow: 0 6px 18px rgba(0,0,0,0.35); border:1px solid rgba(0,0,0,0.05) }
/* ensure buttons match index appearance */
.inner_column .button,
.inner_column .button:hover,
.inner_column .button:active{
    color: #ffffff;
}
.button:focus{ outline:3px solid rgba(212,0,177,0.18); outline-offset:3px }

.install{ background: rgba(0,0,0,0.12); border:1px solid rgba(2,255,119,0.06); padding:12px; border-radius:8px; margin-top:10px }
.install pre{ background: rgba(0,0,0,0.15); padding:8px; border-radius:6px; color:#fff; overflow:auto }

@media (max-width:800px){
    .mod-entry{ flex-direction:column-reverse; align-items:stretch }
    .mod-image{ width:100%; flex:0 0 auto }
    .mod-image .frame{ padding:6px }
}

/* Back to Home fixed button */
.back-home-btn{
    position:fixed;
    top:18px;
    left:18px;
    z-index:1200;
    display:inline-block;
    background-color:#d400b1;
    color:#ffffff;
    padding:8px 12px;
    border-radius:8px;
    text-decoration:none;
    box-shadow: 0 4px 14px rgba(0,0,0,0.45);
    border:1px solid rgba(0,0,0,0.08);
}

@media (max-width:480px){
    .back-home-btn{ top:12px; left:12px; padding:6px 10px; }
}