body {
    background:#050505;
}

/* ================= PAGE ================= */
.guildhall-page {
    max-width: 1300px;
    margin: 60px auto;
    padding: 30px;
    color: #e8e6d9;
}

.guildhall-title {
    text-align:center;
    font-size:56px;
    margin-bottom:10px;
    background:linear-gradient(180deg,#ffd776,#b48a2e);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.guildhall-intro {
    text-align:center;
    max-width:900px;
    margin:0 auto 40px auto;
    opacity:.9;
}

.single-center {
    display:flex;
    justify-content:center;
}

/* ================= LISTING PANEL ================= */
.guild-market {
    width:900px;
    background:#050505;
    border:2px solid #6f5619;
    border-radius:12px;
    padding:25px;
}

.section-title {
    color:#ffd776;
    text-align:center;
    margin-bottom:10px;
}

.guild-search {
    width:100%;
    padding:10px;
    background:#101010;
    border:1px solid #6f5619;
    color:white;
    margin-bottom:20px;
}

/* ================= GUILD CARD ================= */
.guild-list {
    display:grid;
    gap:22px;
}

.sc-guild-card {
    position:relative;
    border:2px solid #9b7c2c;
    background:radial-gradient(circle,#1a1204,#000);
    border-radius:14px;
    padding:20px;
    overflow:hidden;
}

/* ======= NON-SYNC PARTICLES ======= */
.particle-layer {
    position:absolute;
    inset:0;
    pointer-events:none;
}

.spark {
    position:absolute;
    width:5px;
    height:5px;
    background:#ffd776;
    border-radius:50%;
    opacity:.9;
    animation: floatSpark linear infinite;
}

@keyframes floatSpark {
    from { transform:translate(-10px, 10px); opacity:1; }
    to { transform:translate(40px,-50px); opacity:0; }
}

/* ================= TEXT ================= */
.guild-name {
    font-size:26px;
    color:#ffd776;
}

.guild-info p {
    margin:3px 0;
}

/* ================= BUTTONS ================= */
.guild-actions {
    margin-top:10px;
    display:flex;
    gap:10px;
}

button,
.view-profile,
.apply-btn {
    flex:1;
    padding:10px;
    border:none;
    cursor:pointer;
    font-weight:bold;
    text-align:center;
    background:linear-gradient(180deg,#ffd776,#b48a2e);
    color:#000 !important;
}

/* prevent visited color change */
.view-profile:visited {
    color:#000 !important;
    background:linear-gradient(180deg,#ffd776,#b48a2e);
}

/* ================= MODAL ================= */
.guild-modal {
    position:fixed;
    inset:0;
    display:none;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.85);
    z-index:9999;
}

.guild-modal-content {
    width:450px;
    background:#050505;
    border:2px solid #9b7c2c;
    border-radius:12px;
    padding:20px;
    color:white;
}

.modal-title {
    text-align:center;
    color:#ffd776;
}

.apply-target {
    text-align:center;
    margin-bottom:10px;
    opacity:.8;
    font-size:18px;
}

.guild-modal-content input,
.guild-modal-content select,
.guild-modal-content textarea {
    width:100%;
    background:#101010;
    border:1px solid #6f5619;
    color:white;
    padding:8px;
    margin-bottom:10px;
}

/* ===== LOCKED SUBMIT BUTTON ===== */
.locked-btn {
    width:100%;
    padding:12px;
    background:linear-gradient(180deg,#ffd776,#b48a2e);
    border:none;
    font-weight:bold;
    cursor:not-allowed;
}

/* GOLD CANCEL */
.cancel-btn {
    text-align:center;
    margin-top:10px;
    cursor:pointer;
    color:#ffd776;
}

/* ===== GOLD DROPDOWN ARROW ===== */
select {
    appearance:none;
    background:#101010;
    border:1px solid #6f5619;
    color:white;
    padding:8px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,0 20,0 10,12' fill='%23ffd776'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 10px center;
    background-size:14px;
}

/* ===== OATH BOX FIX ===== */
.oath-box {
    background:#0a0a0a;
    border:1px solid #6f5619;
    padding:10px;
    border-radius:8px;
    margin-top:5px;
    max-height:140px;
    overflow-y:auto;
}

.oath-box span {
    font-size:12px;
    color:#e8e6d9;
    line-height:1.3em;
}

/* ================= LEADERBOARD ================= */
.leaderboard {
    width:900px;
    border:2px solid #6f5619;
    border-radius:12px;
    padding:25px;
    margin-top:30px;
}

.leaderboard-row {
    display:flex;
    gap:20px;
}

.lb-card {
    flex:1;
    text-align:center;
    padding:20px;
    border-radius:12px;
    color:#000;
    font-weight:bold;
}

.lb-card h3 {
    margin-bottom:5px;
}

.bronze {
    background:linear-gradient(180deg,#c79b63,#7b5223);
}

.gold {
    background:linear-gradient(180deg,#ffea9b,#d4a62b);
}

.diamond {
    background:linear-gradient(180deg,#dffaff,#6fb1ff);
}