/* BRO2KIT FUN1: church services (the band below the picture), prayer wall, cafe tables. */
.fun-wrap{position:relative;display:grid;justify-items:end}
.fun-wrap[hidden],.fun-rb[hidden]{display:none}
.fun-rb{font-size:24px;border-color:var(--gold);box-shadow:0 0 0 3px rgba(246,210,122,.18)}
.fun-lbl{position:absolute;right:62px;top:50%;transform:translateY(-50%);white-space:nowrap;background:rgba(38,28,8,.92);border:1px solid var(--gold);color:var(--gold2);font-weight:800;font-size:13px;border-radius:999px;padding:5px 12px;pointer-events:none;opacity:0}
.fun-wrap.seen .fun-lbl{animation:funlbl 5s ease forwards}
@keyframes funlbl{0%{opacity:0;transform:translate(6px,-50%)}8%{opacity:1;transform:translate(0,-50%)}80%{opacity:1}100%{opacity:0}}
@media (hover:hover){.fun-wrap:hover .fun-lbl{opacity:1;animation:none}}
.fun-band{position:absolute;z-index:8;left:0;right:0;bottom:0;padding:8px 14px max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(20,14,4,.94),rgba(7,11,18,.98));border-top:1px solid var(--gold);display:grid;gap:4px;box-shadow:0 -10px 30px rgba(0,0,0,.45)}
.fun-band[hidden]{display:none}
.fun-bt{display:flex;align-items:center;gap:6px;min-width:0}
.fun-btx{flex:1;min-width:0;display:grid;line-height:1.2}.fun-btx b{color:var(--gold2);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fun-btx span{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fun-ib{min-width:44px;min-height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(16,24,38,.9);color:var(--text);font-size:18px;cursor:pointer}
.fun-ib[aria-pressed=true]{border-color:var(--gold);background:rgba(212,168,75,.2)}
.fun-leave{min-height:44px;padding:6px 14px;font-size:14px}
.fun-lyr{margin:2px 0 0;text-align:center;font-size:clamp(18px,2.6vw,26px);font-weight:800;line-height:1.3;color:#fff8e8;text-shadow:0 2px 8px rgba(0,0,0,.6);min-height:1.3em}
.fun-lyr2{margin:0;text-align:center;font-size:14px;color:var(--muted);min-height:1.2em}
.fun-prog{height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.fun-prog i{display:block;height:100%;width:0;background:var(--gold);transition:width .5s linear}
body.fun-svc .chat{bottom:calc(var(--funb,150px) + 8px)}
body.fun-svc .acts,body.fun-svc .pop{bottom:calc(var(--funb,150px) + 12px)}
body.fun-svc .stick{display:none!important}
body.fun-svc .bud-box{bottom:calc(var(--funb,150px) + 8px)}
.fun-box{position:absolute;z-index:12;left:50%;top:max(70px,calc(env(safe-area-inset-top) + 70px));transform:translateX(-50%);width:min(420px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 240px));display:grid;grid-template-rows:auto minmax(60px,1fr) auto auto;gap:8px;background:rgba(16,24,38,.98);border:1px solid var(--gold);border-radius:var(--r);padding:0 12px 10px;box-shadow:0 18px 60px rgba(0,0,0,.55)}
.fun-box[hidden]{display:none}
.fun-wl{overflow-y:auto;display:grid;gap:8px;align-content:start;overscroll-behavior:contain}
.fun-wi{background:var(--s2);border-radius:12px;padding:8px 10px;display:grid;gap:6px}.fun-wi p{margin:0;font-size:14px;overflow-wrap:anywhere}.fun-wi b{color:var(--gold2)}
.fun-wr{display:flex;gap:6px;flex-wrap:wrap}.fun-wr .btn{min-height:36px;padding:4px 12px;font-size:13px}.fun-wr .btn.on{border-color:var(--gold);background:rgba(212,168,75,.2)}.fun-wr .ghost{color:var(--muted)}
.fun-wf{display:flex;gap:6px;align-items:stretch}.fun-wf textarea{flex:1;min-width:0;resize:none;font-size:16px;min-height:52px}.fun-wf .gold{padding:0 16px}
.fun-bar{position:absolute;z-index:7;left:50%;top:max(150px,calc(env(safe-area-inset-top) + 150px));transform:translateX(-50%);display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;background:rgba(38,28,8,.92);border:1px solid var(--gold);border-radius:18px;padding:6px 8px 6px 14px;max-width:calc(100vw - 24px)}
.fun-bar span{font-weight:800;color:var(--gold2);font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fun-bar .gold,.fun-bar .btn{min-height:40px;padding:4px 12px;font-size:14px}
.fun-bar[hidden],.fun-menu[hidden]{display:none}
.fun-menu{position:absolute;z-index:8;left:50%;top:max(206px,calc(env(safe-area-inset-top) + 206px));transform:translateX(-50%);display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:min(420px,calc(100vw - 24px));background:rgba(16,24,38,.98);border:1px solid var(--line);border-radius:16px;padding:10px}
@media (max-width:620px){.fun-band{padding:6px 10px max(8px,env(safe-area-inset-bottom))}.fun-lyr,.fun-lyr2{padding:0 44px}.fun-lyr{font-size:18px}.fun-ib{min-width:40px;min-height:40px;font-size:16px}.fun-leave{padding:4px 10px}.fun-box{top:max(60px,calc(env(safe-area-inset-top) + 60px));max-height:calc(100vh - 230px)}}
@media (prefers-reduced-motion:reduce){.fun-wrap.seen .fun-lbl{animation:none;opacity:1}.fun-prog i{transition:none}}