/* Classic Reimagined | WidgetBot floating Discord panel - compact live version. */
.cr-discord {
    --dc-ink:#153c69;
    --dc-gold:#be9652;
    --dc-paper:#fffefa;
    position:fixed;
    z-index:200;
    right:max(16px,env(safe-area-inset-right));
    bottom:max(14px,env(safe-area-inset-bottom));
    width:300px;
    max-width:calc(100vw - 24px);
    color:var(--dc-ink);
    font-family:Georgia,'Times New Roman',serif;
    font-size:13px;
    line-height:1.45;
    text-align:left;
    isolation:isolate;
}
.cr-discord *, .cr-discord *::before, .cr-discord *::after { box-sizing:border-box; }
.cr-discord [hidden]{display:none!important}
.cr-discord a{text-decoration:none}
.cr-discord .cr-dc-icon{display:block;width:20px;height:20px;flex:0 0 auto}
.cr-discord a:focus-visible,.cr-discord button:focus-visible{outline:3px solid #b27c23;outline-offset:3px}

/* Auto height removes the large empty white area below WidgetBot. */
.cr-discord .cr-dc-panel{
    display:flex;
    flex-direction:column;
    width:100%;
    height:auto;
    max-height:calc(100dvh - 94px);
    margin:0 0 10px;
    overflow:hidden;
    border:1px solid var(--dc-gold);
    border-radius:12px;
    background:var(--dc-paper);
    box-shadow:0 12px 38px #15395826,0 2px 6px #1641651a,inset 0 0 0 3px #fff;
}
.cr-discord .cr-dc-header{
    position:relative;
    flex:0 0 auto;
    padding:12px 15px 10px;
    border-bottom:1px solid #d3bd8b;
    background:linear-gradient(110deg,#fffef9f7 4%,#f1f9fbe8 65%,#f4f9fde8),url('../assets/cathedral.webp') center 60%/cover;
}
.cr-discord .cr-dc-brand{padding-right:34px;color:#846021;font-size:8px;font-weight:bold;letter-spacing:1.25px;text-transform:uppercase;display:flex;align-items:center;gap:5px}
.cr-discord .cr-dc-gem{font-size:13px;color:#b1853c}
.cr-discord .cr-dc-header h2{display:flex;align-items:center;gap:6px;color:#073b72;font-size:21px;font-weight:normal;line-height:1.15;margin:6px 34px 6px 0;padding:0;border:0}
.cr-discord .cr-dc-hash{color:#ab8239;font-size:22px}
.cr-discord .cr-dc-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #c5d5df;border-radius:6px;color:#335a7f;background:#ffffffde;cursor:pointer}
.cr-discord .cr-dc-close:hover{background:#e7f2f8;border-color:#b59a68}
.cr-discord .cr-dc-counts{display:flex;align-items:center;gap:6px;font-family:Arial,Helvetica,sans-serif;font-size:9px;color:#536a7b}
.cr-discord .cr-dc-dot{width:6px;height:6px;border-radius:50%;background:#2d9a69;box-shadow:0 0 0 3px #d8ece4}

/* Compact WidgetBot viewport; live chat remains fully functional. */
.cr-discord .cr-dc-widget-wrap{flex:0 0 236px;width:100%;height:236px;min-height:236px;background:#313338;overflow:hidden}
.cr-discord .cr-dc-widget-wrap widgetbot{display:block;width:100%!important;height:236px!important;min-height:236px!important}

.cr-discord .cr-dc-footer{flex:0 0 auto;padding:8px;background:#fffefa;border-top:1px solid #e7dfce}
.cr-discord .cr-dc-primary{min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid #bc954f;border-radius:7px;background:linear-gradient(180deg,#0f769f,#07618d);color:#fff;font-weight:bold;box-shadow:inset 0 0 0 2px #ffffff25}
.cr-discord .cr-dc-primary:hover{filter:brightness(1.06)}
.cr-discord .cr-dc-external{font-size:15px}
.cr-discord .cr-dc-launcher{min-height:56px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #b78c45;border-radius:10px;background:linear-gradient(180deg,#0e6f98,#07557e);color:#fff;box-shadow:0 8px 24px #0b355127,inset 0 0 0 2px #ffffff18;cursor:pointer}
.cr-discord .cr-dc-launcher-mark{display:grid;place-items:center}
.cr-discord .cr-dc-launcher-copy{display:flex;min-width:0;flex:1;flex-direction:column}
.cr-discord .cr-dc-launcher-copy strong{font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-discord .cr-dc-launcher-copy small{margin-top:2px;color:#d9e8f0;font:9px/1.2 Arial,Helvetica,sans-serif}
.cr-discord .cr-dc-chevron{transition:transform .2s ease}
.cr-discord.is-open .cr-dc-chevron{transform:rotate(180deg)}
@media (max-width:640px){
    .cr-discord{right:10px;bottom:10px;width:min(300px,calc(100vw - 20px))}
    .cr-discord .cr-dc-widget-wrap{flex-basis:220px;height:220px;min-height:220px}
    .cr-discord .cr-dc-widget-wrap widgetbot{height:220px!important;min-height:220px!important}
}
@media print{.cr-discord{display:none!important}}