:root{--bj-accent:#1769e0;--bj-accent2:#4388eb;--bj-deep:#0d52bc;--bj-soft:#edf5ff;--bj-ink:#102a46;--bj-muted:#6e8298;--bj-line:#d8e5f1;--bj-card:#fff;--bj-shadow:0 12px 32px rgba(25,68,112,.09)}*{box-sizing:border-box}.bj-theme-root{color:var(--bj-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--bj-soft) 45%,#fff),#fff 38%)}.bj-shell{width:min(calc(100% - 28px),1140px);max-width:1140px;margin:0 auto;padding:18px 0 38px}.bj-kicker{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--bj-accent)}.bj-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--bj-line);border-radius:11px;background:#fff;color:var(--bj-ink);font-weight:900;text-decoration:none;cursor:pointer}.bj-btn:hover{border-color:var(--bj-accent)}.bj-primary{background:linear-gradient(135deg,var(--bj-deep),var(--bj-accent))!important;border-color:var(--bj-accent)!important;color:#fff!important;box-shadow:0 8px 20px color-mix(in srgb,var(--bj-accent) 22%,transparent)}.bj-card,.bj-panel{background:var(--bj-card);border:1px solid var(--bj-line);border-radius:17px;box-shadow:var(--bj-shadow)}
/* lobby */.bj-lobby-hero{min-height:150px;padding:28px 32px;border-radius:20px;background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--bj-accent2) 26%,transparent),transparent 30%),linear-gradient(135deg,var(--bj-deep),var(--bj-accent));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 15px 38px color-mix(in srgb,var(--bj-deep) 20%,transparent)}.bj-lobby-hero .bj-kicker{color:#fff;opacity:.85}.bj-lobby-hero h1{font-size:36px;margin:5px 0 9px}.bj-lobby-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px}.bj-lobby-actions .bj-btn{background:#fff!important;color:var(--bj-deep)!important;border-color:#fff!important}.bj-quick-join{margin-top:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bj-quick-join>div{display:grid;gap:3px}.bj-quick-join span{font-size:12px;color:var(--bj-muted)}.bj-quick-join form{display:flex;gap:8px}.bj-quick-join input,.bj-create-modal-form input,.bj-create-modal-form select,.bj-create-modal-form textarea,.bj-invite-card textarea{border:1px solid var(--bj-line);border-radius:10px;background:#fff;color:var(--bj-ink);font:inherit;padding:10px 12px}.bj-quick-join input{width:190px;height:42px}.bj-room-list-section{margin-top:25px}.bj-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:11px}.bj-section-head h2{margin:4px 0 0;font-size:24px}.bj-room-total{font-size:12px;font-weight:900;color:var(--bj-muted)}.bj-room-list{display:grid;gap:9px}.bj-room-row{display:grid;grid-template-columns:90px minmax(0,1fr) 260px 135px;gap:16px;align-items:center;padding:15px 16px;background:var(--bj-card);border:1px solid var(--bj-line);border-radius:15px;box-shadow:0 7px 20px rgba(25,68,112,.05);transition:.18s}.bj-room-row:hover{border-color:color-mix(in srgb,var(--bj-accent) 45%,var(--bj-line));transform:translateY(-1px)}.bj-room-status{font-size:11px;font-weight:900;display:flex;align-items:center;gap:6px}.bj-room-status i{width:8px;height:8px;border-radius:50%}.bj-room-status.is-playing{color:#d44343}.bj-room-status.is-playing i{background:#e54848;box-shadow:0 0 0 5px rgba(229,72,72,.1)}.bj-room-status.is-waiting{color:#2a8b62}.bj-room-status.is-waiting i{background:#2fab77;box-shadow:0 0 0 5px rgba(47,171,119,.1)}.bj-room-title{display:flex;align-items:center;gap:8px}.bj-room-title h3{font-size:16px;margin:0}.bj-room-title span{font-size:9px;color:#93a3b3}.bj-room-main p{font-size:12px;color:var(--bj-muted);margin:5px 0}.bj-host{font-size:10px;color:#7b8da1}.bj-host strong{color:var(--bj-deep);margin-left:4px}.bj-host small{margin-left:4px}.bj-room-members>b{font-size:12px}.bj-room-members>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.bj-room-members span{display:inline-flex;gap:3px;padding:4px 7px;border-radius:8px;background:var(--bj-soft);font-size:9px;font-weight:800}.bj-room-members small{font-size:8px;color:#7c8da0}.bj-room-enter{display:grid;gap:5px;text-align:center}.bj-room-enter small{font-size:8.5px;color:#91a0af}.bj-watch{color:var(--bj-deep);background:var(--bj-soft)}.bj-empty-room{min-height:160px;border:1px dashed var(--bj-line);border-radius:17px;display:grid;place-content:center;text-align:center;color:var(--bj-muted)}.bj-empty-room b{color:var(--bj-ink);margin-bottom:4px}.bj-rule-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.bj-rule-strip span{padding:12px;text-align:center;border:1px solid var(--bj-line);border-radius:12px;background:color-mix(in srgb,var(--bj-soft) 60%,#fff);font-size:11px}.bj-rule-strip b{color:var(--bj-deep)}
/* modal */.bj-modal{display:none;position:fixed;inset:0;z-index:2147483000;background:rgba(5,19,35,.52);align-items:center;justify-content:center;padding:20px}.bj-modal.is-open{display:flex}.bj-modal-card{position:relative;width:min(620px,95vw);max-height:90vh;overflow:auto;padding:26px;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.bj-modal-card h2{margin:5px 0 7px;font-size:25px}.bj-modal-card>p{color:var(--bj-muted);font-size:12px}.bj-modal-x{position:absolute;right:15px;top:14px;width:34px;height:34px;border:0;border-radius:9px;background:#edf3f8;font-size:22px;cursor:pointer}.bj-create-modal-form{display:grid;gap:13px;margin-top:18px}.bj-create-modal-form label{display:grid;gap:6px;font-size:11px;font-weight:900}.bj-create-modal-form label small{font-weight:500;color:var(--bj-muted)}.bj-form-two{display:grid;grid-template-columns:150px 1fr;gap:12px}.bj-submit-wide{width:100%;min-height:46px}
/* waiting room */.bj-room-banner{display:flex;justify-content:space-between;align-items:center;padding:25px 28px;border-radius:20px;background:linear-gradient(135deg,var(--bj-deep),var(--bj-accent));color:#fff}.bj-room-banner .bj-kicker{color:#fff}.bj-room-banner h1{margin:5px 0;font-size:28px}.bj-room-banner p{margin:0;color:rgba(255,255,255,.84)}.bj-room-code-box{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.12)}.bj-room-code-box small{font-size:9px}.bj-room-code-box strong{font-size:21px;letter-spacing:.1em;color:#fff29d}.bj-copy{border:0;border-radius:8px;padding:7px 10px;background:#fff;color:var(--bj-deep);font-weight:900}.bj-wait-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.bj-wait-grid>.bj-card{padding:20px}.bj-card-head{display:flex;justify-content:space-between;align-items:center}.bj-card h2{margin:0 0 13px}.bj-wait-players{display:grid;gap:8px}.bj-wait-player{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:11px;background:#f8fbfe;border:1px solid #e3ebf3}.bj-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900}.p1{background:#2a6be5}.p2{background:#e54848}.p3{background:#31a565}.p4{background:#8a53cf}.bj-wait-player b,.bj-wait-player small{display:block}.bj-wait-player small{font-size:9px;color:#8293a4}.bj-wait-player em{font-size:10px;font-style:normal}.bj-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.bj-invite-card p{font-size:11px;color:var(--bj-muted);line-height:1.6}.bj-invite-card textarea{width:100%;resize:vertical}.bj-form-result{font-size:10px;color:var(--bj-deep);margin-top:8px}
/* game mockup */.bj-game-shell{padding-top:12px}.bj-game-banner{height:94px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:15px;padding:15px 20px;border-radius:17px;background:radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--bj-accent2) 23%,transparent),transparent 28%),linear-gradient(135deg,var(--bj-deep),var(--bj-accent));color:#fff;margin-bottom:12px}.bj-game-brand{display:flex;align-items:center;gap:12px}.bj-ship{font-size:38px}.bj-game-brand .bj-kicker{color:#fff;opacity:.8}.bj-game-brand h1{font-size:24px;margin:2px 0}.bj-game-banner>p{font-size:11px;color:rgba(255,255,255,.9);line-height:1.55;margin:0}.bj-game-banner-actions{display:flex;align-items:center;gap:7px}.bj-room-code-mini{padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.12);font-size:10px}.bj-room-code-mini b{color:#ffe45c;font-size:15px;margin-left:5px}.bj-game-banner .bj-btn{min-height:36px;padding:0 12px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}.bj-spectator-badge{padding:8px 10px;background:#fff;color:var(--bj-deep);border-radius:10px;font-size:10px;font-weight:900}.bj-game-dashboard{display:grid;grid-template-columns:190px 620px 306px;gap:12px;align-items:start}.bj-game-left,.bj-game-right{display:grid;gap:10px}.bj-panel{overflow:hidden}.bj-panel-title{padding:9px 11px;background:linear-gradient(135deg,var(--bj-deep),var(--bj-accent));color:#fff;font-size:11px;font-weight:900;display:flex;justify-content:space-between}.bj-panel-title small{font-size:8px;opacity:.78}.bj-info-row{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid #eef2f6;font-size:9.5px}.bj-info-row b{font-size:10px}.bj-info-row em{font-size:14px;font-style:normal;color:var(--bj-deep)}.bj-progress{height:7px;margin:4px 11px 7px;border-radius:99px;background:#e2ebf4;overflow:hidden}.bj-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f3b51e,var(--bj-accent))}.bj-game-player{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #edf2f6}.bj-game-player.active{background:var(--bj-soft)}.bj-game-player .bj-avatar{width:29px;height:29px;font-size:10px}.bj-game-player b,.bj-game-player small{display:block}.bj-game-player b{font-size:10px}.bj-game-player small{font-size:7.5px;color:#8595a6}.bj-game-player>strong{font-size:9px;color:var(--bj-deep)}.bj-board{width:620px;height:620px;display:grid;grid-template-columns:1.5fr repeat(9,1fr) 1.5fr;grid-template-rows:1.5fr repeat(9,1fr) 1.5fr;background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),url('./board.png');background-size:100% 100%;border-radius:16px;overflow:hidden;box-shadow:0 14px 34px rgba(17,46,75,.2);position:relative}.bj-cell{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:2px;font-size:7.5px;font-weight:800;color:#17334f;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3)}.bj-cell b{line-height:1.05}.bj-cell .stage{position:absolute;top:3px;right:3px;font-size:6px;color:#ffbd20}.bj-board-center{grid-row:2/11;grid-column:2/11;display:grid;place-items:center;pointer-events:none}.bj-map-title{text-align:center;padding:11px 16px;border-radius:14px;background:rgba(255,250,228,.76);box-shadow:0 6px 18px rgba(81,58,24,.18)}.bj-map-title small,.bj-map-title strong{display:block}.bj-map-title small{font-size:8px;letter-spacing:.16em;color:#886f43}.bj-map-title strong{font-size:16px;margin-top:3px;color:#623d17}.pieces{display:flex;position:absolute;bottom:2px;right:2px}.piece{display:inline-block;width:12px;height:12px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.45);margin-left:-2px}.bj-under-board{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.bj-under-board>div{padding:9px 11px;border:1px solid var(--bj-line);border-radius:11px;background:#fff}.bj-under-board span,.bj-under-board strong{display:block}.bj-under-board span{font-size:8px;color:var(--bj-muted)}.bj-under-board strong{font-size:10px;margin-top:2px}.bj-yut-panel{padding-bottom:11px}.bj-yut-stage{position:relative;height:190px;background:linear-gradient(180deg,#eaf6ff,#d8eaff);overflow:hidden}.bj-yut-tray{height:100%;display:flex;align-items:center;justify-content:center;gap:7px}.bj-yut-tray img{width:44px;height:125px;object-fit:contain;filter:drop-shadow(0 7px 6px rgba(20,54,92,.22));transform:rotate(84deg)}.bj-yut-tray img:nth-child(2){transform:rotate(96deg)}.bj-yut-tray img:nth-child(3){transform:rotate(88deg)}.bj-yut-tray img:nth-child(4){transform:rotate(94deg)}.bj-yut-motion{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bj-yut-stage.throwing .bj-yut-motion{display:block;animation:toss .45s ease-in-out infinite alternate}.bj-yut-tray.landed{animation:land .35s ease}.bj-yut-result{text-align:center;padding:9px;font-size:10px;font-weight:900}.bj-yut-result strong{font-size:16px;color:var(--bj-deep)}.bj-yut-result em{font-style:normal;color:#d97906}.bj-throw,.bj-spectator-btn{width:calc(100% - 20px);margin:0 10px}.bj-result-guide{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:9px}.bj-result-guide span{text-align:center;padding:6px 2px;border-radius:8px;background:var(--bj-soft);font-size:7px}.bj-result-guide b{display:block;font-size:9px;color:var(--bj-deep)}.bj-game-logs{max-height:148px;overflow:auto;padding:8px 10px}.bj-game-logs p{margin:0;padding:5px 0;border-bottom:1px solid #eef2f6;font-size:8px;line-height:1.45;color:#657b91}.bj-spectator-btn{background:#edf3f8;color:#718297}.bj-bottom-ad{margin-top:18px}.bj-invite-landing{max-width:620px;margin:35px auto;text-align:center;padding:38px;border:1px solid var(--bj-line);border-radius:22px;background:#fff;box-shadow:var(--bj-shadow)}.bj-invite-landing h1{font-size:30px}.bj-big-code{font-size:35px;letter-spacing:.17em;font-weight:950;color:var(--bj-deep);padding:18px;margin:18px;border-radius:14px;background:var(--bj-soft)}@keyframes toss{from{transform:translateY(10px) rotate(-2deg)}to{transform:translateY(-9px) rotate(3deg)}}@keyframes land{0%{transform:translateY(-10px)}65%{transform:translateY(4px)}100%{transform:translateY(0)}}
/* dark */html.bp-dark .bj-theme-root,body.bp-dark .bj-theme-root,html[data-theme="dark"] .bj-theme-root{--bj-ink:#e9f2fb;--bj-muted:#a6b7c8;--bj-line:#2c4258;--bj-card:#132233;background:#0d1825}.bp-dark .bj-card,.bp-dark .bj-panel,.bp-dark .bj-room-row,.bp-dark .bj-under-board>div,.bp-dark .bj-modal-card,.bp-dark .bj-invite-landing{background:#132233;color:#eaf3fb}.bp-dark .bj-quick-join input,.bp-dark .bj-create-modal-form input,.bp-dark .bj-create-modal-form select,.bp-dark .bj-create-modal-form textarea,.bp-dark .bj-invite-card textarea{background:#0f1c2a;border-color:#30485f;color:#eef6fd}.bp-dark .bj-wait-player{background:#17293b;border-color:#294158}.bp-dark .bj-room-members span,.bp-dark .bj-result-guide span{background:#1b3148}.bp-dark .bj-board{filter:brightness(.68) saturate(.86)}.bp-dark .bj-cell{color:#f1f5f9;background:rgba(2,8,15,.28)}.bp-dark .bj-yut-stage{background:linear-gradient(#172b40,#102033)}.bp-dark .bj-yut-stage img{filter:brightness(.72) saturate(.85) drop-shadow(0 7px 7px rgba(0,0,0,.5))}.bp-dark .bj-game-logs p,.bp-dark .bj-game-player,.bp-dark .bj-info-row{border-color:#253b50}
@media(max-width:1200px){.bj-game-dashboard{grid-template-columns:175px minmax(0,1fr) 280px}.bj-board{width:100%;height:auto;aspect-ratio:1}.bj-game-banner{grid-template-columns:230px 1fr auto}}@media(max-width:1000px){.bj-room-row{grid-template-columns:80px 1fr 190px}.bj-room-enter{grid-column:2/4;display:flex;align-items:center}.bj-game-dashboard{grid-template-columns:1fr}.bj-game-left,.bj-game-right{grid-template-columns:repeat(2,1fr)}.bj-game-center{order:-1}.bj-board{max-width:720px;margin:auto}.bj-game-banner{grid-template-columns:1fr auto}.bj-game-banner>p{display:none}.bj-wait-grid{grid-template-columns:1fr}}@media(max-width:680px){.bj-shell{width:calc(100% - 18px)}.bj-lobby-hero{padding:22px 18px;align-items:flex-start;flex-direction:column}.bj-quick-join{align-items:flex-start;flex-direction:column}.bj-quick-join form{width:100%}.bj-quick-join input{flex:1;width:auto}.bj-room-row{grid-template-columns:1fr}.bj-room-enter{grid-column:auto}.bj-room-members>div{max-width:none}.bj-rule-strip{grid-template-columns:1fr 1fr}.bj-form-two{grid-template-columns:1fr}.bj-game-banner{height:auto;grid-template-columns:1fr}.bj-game-banner-actions{flex-wrap:wrap}.bj-game-left,.bj-game-right{grid-template-columns:1fr}.bj-board{border-radius:10px}.bj-cell{font-size:5.5px}.bj-result-guide{grid-template-columns:repeat(3,1fr)}}

/* =========================================================
   v20 — screenshot-quality Mission Marble UI
   ========================================================= */
.bj-theme-root{font-family:inherit;background:linear-gradient(180deg,#f8fbff 0%,#f4f8fc 100%);padding:16px 0 34px}
.bj-shell{width:min(calc(100% - 28px),1140px);max-width:1140px}
.bj-v8-hero{min-height:132px;padding:26px 30px;border-radius:20px;box-shadow:0 14px 34px color-mix(in srgb,var(--bj-deep) 17%,transparent);background:radial-gradient(circle at 92% 20%,rgba(255,255,255,.18),transparent 26%),linear-gradient(120deg,var(--bj-deep),var(--bj-accent) 67%,var(--bj-accent2));border:1px solid color-mix(in srgb,var(--bj-accent2) 45%,#fff)}
.bj-v8-hero h1{font-size:34px;line-height:1.05;margin:8px 0 12px;letter-spacing:-.04em}.bj-v8-hero p{font-size:14px;line-height:1.65}.bj-v8-hero .bj-btn{min-height:44px;padding:0 20px;border-radius:12px;font-size:14px;background:#fff!important;color:var(--bj-deep)!important;border-color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.bj-v8-room-section{margin-top:22px}.bj-v8-room-section .bj-section-head{align-items:flex-end}.bj-v8-room-section .bj-section-head h2{font-size:26px;margin:5px 0 4px}.bj-v8-room-section .bj-section-head p{font-size:13px;color:var(--bj-muted);margin:0}.bj-room-total{font-size:13px;font-weight:900;color:var(--bj-deep)}
.bj-v8-room-list{gap:11px}.bj-v8-room-row{grid-template-columns:92px minmax(0,1.25fr) minmax(270px,.8fr) 250px;min-height:112px;padding:17px 18px;border-radius:18px;border:1px solid #d9e6f2;background:#fff;box-shadow:0 8px 24px rgba(34,68,104,.065);transition:.18s ease}.bj-v8-room-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--bj-accent) 38%,#d9e6f2);box-shadow:0 13px 30px color-mix(in srgb,var(--bj-accent) 10%,transparent)}
.bj-room-status{font-size:12px;font-weight:900}.bj-room-main h3{font-size:17px}.bj-room-main p{font-size:13px;line-height:1.5;margin:6px 0}.bj-host{font-size:12px}.bj-host small{font-size:11px}.bj-host em{font-size:10px;font-style:normal;margin-left:7px;padding:3px 7px;border-radius:999px;background:var(--bj-soft);color:var(--bj-deep);font-weight:900}.bj-room-members>b{font-size:15px}.bj-room-members>div{gap:6px}.bj-room-members span{font-size:11px;padding:5px 7px}.bj-room-members small{font-size:9.5px}.bj-mini-avatar{width:19px;height:19px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:9px;font-style:normal;margin-right:5px}
.bj-v8-room-enter{display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:stretch}.bj-v8-room-enter form{margin:0}.bj-v8-room-enter .bj-btn{width:100%;min-height:40px;font-size:12px;border-radius:10px}.bj-inline-code{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:6px}.bj-inline-code input{min-width:0;height:40px;border:1px solid var(--bj-line);border-radius:10px;padding:0 10px;font-size:12px;color:var(--bj-ink);background:#fff}.bj-text-watch{text-align:center;color:var(--bj-muted);font-size:10px;text-decoration:none}.bj-text-watch:hover{color:var(--bj-deep)}
.bj-v8-rule-strip{margin-top:14px;border-radius:14px;overflow:hidden}.bj-v8-rule-strip span{font-size:12px;padding:12px}
/* modal */
.bj-v8-modal-card{width:min(650px,94vw);padding:28px 30px 30px;border-radius:24px}.bj-v8-modal-card h2{font-size:28px;margin:7px 0 8px}.bj-modal-lead{font-size:13.5px!important;line-height:1.65!important;margin:0 0 18px!important}.bj-v8-modal-card .bj-kicker{font-size:11px}.bj-create-modal-form{gap:14px}.bj-create-modal-form label{font-size:13px;font-weight:900;gap:7px}.bj-create-modal-form label>small{font-size:11px;line-height:1.45}.bj-create-modal-form input,.bj-create-modal-form select,.bj-create-modal-form textarea{font-size:13px;min-height:43px;padding:0 12px;border-radius:11px}.bj-create-modal-form textarea{padding:11px 12px;line-height:1.5}.bj-access-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bj-access-choice label{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--bj-line);border-radius:12px;background:#fbfdff;cursor:pointer}.bj-access-choice input{width:16px;height:16px;min-height:0;margin-top:2px}.bj-access-choice span b,.bj-access-choice span small{display:block}.bj-access-choice span b{font-size:13px}.bj-access-choice span small{font-size:10.5px;color:var(--bj-muted);font-weight:600;margin-top:3px;line-height:1.4}.bj-submit-wide{min-height:48px!important;font-size:14px!important;border-radius:12px!important}
/* waiting */
.bj-v8-wait-banner{min-height:132px;padding:25px 30px;border-radius:20px;background:linear-gradient(120deg,var(--bj-deep),var(--bj-accent));box-shadow:0 14px 34px color-mix(in srgb,var(--bj-deep) 17%,transparent)}.bj-v8-wait-banner h1{font-size:30px;margin:7px 0 8px}.bj-v8-wait-banner p{font-size:14px}.bj-wait-banner-side{display:flex;align-items:center;gap:10px}.bj-wait-banner-side>span{font-size:12px;font-weight:900;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.14)}.bj-ghost{background:#fff!important;color:var(--bj-deep)!important}.bj-v8-wait-grid{grid-template-columns:1.3fr .7fr;gap:18px}.bj-v8-team-card,.bj-v8-invite-card{padding:24px}.bj-v8-team-card h2,.bj-v8-invite-card h2{font-size:25px}.bj-card-head>strong{font-size:16px}.bj-wait-player{grid-template-columns:44px 1fr auto;padding:12px 13px}.bj-wait-player .bj-avatar{width:38px;height:38px}.bj-wait-player b{font-size:13px}.bj-wait-player small{font-size:10.5px;margin-top:2px}.bj-wait-player em{font-size:11px}.bj-actions .bj-btn{font-size:12px;min-height:40px}.bj-v8-invite-card p{font-size:12.5px;line-height:1.7}.bj-v8-invite-card textarea{font-size:12.5px;min-height:110px;padding:11px;border-radius:11px;border:1px solid var(--bj-line)}.bj-private-code{display:flex;align-items:center;gap:8px;padding:10px 11px;margin:10px 0;border-radius:11px;background:var(--bj-soft)}.bj-private-code span{font-size:10.5px;color:var(--bj-muted)}.bj-private-code strong{font-size:16px;letter-spacing:.08em;color:var(--bj-deep)}.bj-form-result{font-size:11px;line-height:1.45;margin-top:9px}
/* game dashboard polished to mockup */
.bj-game-shell{padding-top:0}.bj-game-banner{height:104px;grid-template-columns:255px 1fr auto;padding:17px 22px;border-radius:18px;margin-bottom:13px;box-shadow:0 12px 28px color-mix(in srgb,var(--bj-deep) 16%,transparent)}.bj-game-brand .bj-ship{font-size:42px}.bj-game-brand h1{font-size:27px}.bj-game-brand .bj-kicker{font-size:10px}.bj-game-banner>p{font-size:12.5px;line-height:1.55}.bj-game-banner-actions .bj-btn,.bj-spectator-badge{min-height:38px;padding:0 13px;font-size:11px;border-radius:9px}.bj-game-dashboard{grid-template-columns:190px 620px 306px;gap:12px}.bj-panel{background:#fff;border:1px solid #d8e5f1;border-radius:14px;box-shadow:0 7px 20px rgba(31,64,100,.06)}.bj-panel-title{padding:10px 12px;font-size:12px}.bj-panel-title small{font-size:9.5px}.bj-info-row{padding:10px 11px;font-size:10px}.bj-info-row b{font-size:11px}.bj-info-row em{font-size:15px}.bj-game-player{padding:9px 8px}.bj-game-player b{font-size:11px}.bj-game-player small{font-size:9px}.bj-game-player>strong{font-size:10px}
.bj-board{width:620px;height:620px;border-radius:18px;background-image:url('./board.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;box-shadow:0 16px 34px rgba(21,52,84,.24);border:1px solid rgba(72,112,151,.25)}
/* Coordinates remain interactive but are visually invisible over the printed board image. */
.bj-cell{background:transparent!important;border-color:transparent!important;color:transparent!important;text-shadow:none!important;overflow:visible}.bj-cell b{display:none!important}.bj-cell .stage{display:none!important}.bj-board-center{background:transparent!important}.bj-map-title{display:none!important}.pieces{z-index:15;bottom:5px;right:5px}.piece{width:16px;height:16px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.45)}
.bj-under-board>div{padding:10px 12px}.bj-under-board span{font-size:9px}.bj-under-board strong{font-size:11px}.bj-yut-stage{height:190px;background:linear-gradient(180deg,#eef8ff,#dceefe)}.bj-yut-result{font-size:11px;padding:10px}.bj-yut-result strong{font-size:17px}.bj-result-guide{gap:5px;padding:10px}.bj-result-guide span{font-size:8px;padding:7px 2px}.bj-result-guide b{font-size:10px}.bj-game-logs{max-height:185px}.bj-game-logs p{font-size:9.5px;padding:7px 0;line-height:1.5}
/* dark */
html.bp-dark .bj-theme-root,body.bp-dark .bj-theme-root,html[data-theme="dark"] .bj-theme-root{background:#0c1622}.bp-dark .bj-v8-room-row,.bp-dark .bj-inline-code input,.bp-dark .bj-access-choice label{background:#132233;border-color:#2d455c;color:#eef5fc}.bp-dark .bj-text-watch{color:#9eb2c4}.bp-dark .bj-board{filter:brightness(.64) saturate(.82) contrast(1.04)}.bp-dark .piece{filter:none}.bp-dark .bj-private-code{background:#1a3148}
@media(max-width:1200px){.bj-v8-room-row{grid-template-columns:82px minmax(0,1fr) 245px 225px}.bj-game-dashboard{grid-template-columns:175px minmax(0,1fr) 280px}}
@media(max-width:1000px){.bj-v8-room-row{grid-template-columns:84px 1fr 220px}.bj-v8-room-enter{grid-column:2/4}.bj-v8-wait-grid{grid-template-columns:1fr}}
@media(max-width:680px){.bj-v8-hero{padding:22px 18px}.bj-v8-hero h1{font-size:28px}.bj-v8-room-row{grid-template-columns:1fr;padding:15px}.bj-v8-room-enter{grid-column:auto}.bj-inline-code{grid-template-columns:1fr}.bj-access-choice{grid-template-columns:1fr}.bj-v8-modal-card{padding:24px 18px}.bj-v8-wait-banner{padding:22px 18px}.bj-wait-banner-side{align-items:flex-start;flex-direction:column}}

/* v10 photoreal yut animation */
.bj-yut-stage-real{position:relative;height:220px!important;overflow:hidden;background:linear-gradient(180deg,#eef7ff 0%,#e4f1fb 100%)!important;isolation:isolate}
.bj-yut-mat-real{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);width:94%;height:72%;object-fit:fill;z-index:1;filter:drop-shadow(0 9px 10px rgba(31,55,78,.16));border-radius:5px}
.bj-yut-live{position:absolute;inset:0;z-index:4;pointer-events:none}
.bj-real-stick{position:absolute;left:50%;top:49%;width:58px;height:119px;object-fit:contain;transform-origin:50% 50%;will-change:transform,filter;filter:drop-shadow(0 5px 6px rgba(26,45,65,.27));user-select:none;-webkit-user-drag:none}
.bj-yut-impact{position:absolute;left:50%;bottom:24%;width:70%;height:18px;z-index:3;transform:translateX(-50%) scale(.2);border-radius:50%;opacity:0;background:radial-gradient(ellipse,rgba(52,77,103,.26),rgba(52,77,103,0) 66%);pointer-events:none}
.bj-yut-stage-real.is-impact .bj-yut-impact{animation:bj-real-impact .38s ease-out}
.bj-yut-stage-real.is-tossing .bj-yut-mat-real{animation:bj-mat-hit 1.18s ease-out}
@keyframes bj-real-impact{0%{opacity:0;transform:translateX(-50%) scale(.25)}35%{opacity:.75;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) scale(1.35)}}
@keyframes bj-mat-hit{0%,63%,100%{transform:translateX(-50%) translateY(0)}69%{transform:translateX(-50%) translateY(2px)}75%{transform:translateX(-50%) translateY(-1px)}}
.bj-yut-stage-real:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.40),transparent 35%)}
html.bp-dark .bj-yut-stage-real,body.bp-dark .bj-yut-stage-real,html[data-theme="dark"] .bj-yut-stage-real{background:linear-gradient(180deg,#172739,#0f1e2c)!important}
html.bp-dark .bj-yut-mat-real,body.bp-dark .bj-yut-mat-real,html[data-theme="dark"] .bj-yut-mat-real{filter:brightness(.72) saturate(.82) drop-shadow(0 10px 12px rgba(0,0,0,.40))}
html.bp-dark .bj-real-stick,body.bp-dark .bj-real-stick,html[data-theme="dark"] .bj-real-stick{filter:brightness(.82) saturate(.9) drop-shadow(0 6px 7px rgba(0,0,0,.5))}
@media(max-width:760px){.bj-yut-stage-real{height:190px!important}.bj-real-stick{width:50px;height:103px}}

/* =========================================================
   v11 - Create Mission Room form layout hardening
   Prevent site/theme form styles from breaking invite mode.
   ========================================================= */
.bj-v8-modal-card{
    width:min(680px,calc(100vw - 28px))!important;
    overflow-x:hidden!important;
}
.bj-create-modal-form,
.bj-create-modal-form *{box-sizing:border-box}
.bj-create-modal-form > label,
.bj-create-modal-form .bj-form-two > label,
.bj-create-modal-form .bj-code-field,
.bj-create-modal-form .bj-invitees-field{
    min-width:0!important;
    width:100%!important;
}
.bj-create-modal-form > label,
.bj-create-modal-form .bj-form-two > label,
.bj-create-modal-form .bj-code-field,
.bj-create-modal-form .bj-invitees-field{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    float:none!important;
    position:static!important;
    margin:0!important;
    padding:0!important;
    white-space:normal!important;
}
.bj-create-modal-form input[type="text"],
.bj-create-modal-form select,
.bj-create-modal-form textarea{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    float:none!important;
}
.bj-create-modal-form textarea{
    min-height:86px!important;
    resize:vertical!important;
}
.bj-form-two{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    align-items:start!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
}
.bj-code-field > small{
    display:block!important;
    width:100%!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.45!important;
    color:var(--bj-muted)!important;
}
.bj-invitees-field{
    grid-column:1/-1!important;
}
.bj-invitees-field > small{
    display:block!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.45!important;
    color:var(--bj-muted)!important;
}
.bj-create-modal-form label{
    font-size:14px!important;
    line-height:1.35!important;
}
.bj-create-modal-form input,
.bj-create-modal-form select,
.bj-create-modal-form textarea{
    font-size:14px!important;
}
.bj-access-choice label{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    padding:14px!important;
    gap:10px!important;
}
.bj-access-choice input[type="radio"]{
    flex:0 0 17px!important;
    width:17px!important;
    height:17px!important;
    min-height:17px!important;
    margin:2px 0 0!important;
}
.bj-access-choice span{
    display:block!important;
    min-width:0!important;
}
.bj-access-choice span b{font-size:14px!important}
.bj-access-choice span small{font-size:12px!important;line-height:1.45!important}
.bj-submit-wide{font-size:15px!important;min-height:50px!important}

@media(max-width:680px){
    .bj-form-two{grid-template-columns:1fr!important}
    .bj-v8-modal-card{width:calc(100vw - 18px)!important;padding:24px 18px 26px!important}
}


/* v12 - public room: invitation code remains visible but disabled */
.bj-code-field.is-disabled{opacity:.68}
.bj-code-field.is-disabled input[disabled]{background:#eef3f8!important;color:#8a99aa!important;border-color:#d7e1eb!important;cursor:not-allowed!important;box-shadow:none!important}
.bj-code-field.is-disabled small{color:#9aa8b7!important}
html.bp-dark .bj-code-field.is-disabled input[disabled],body.bp-dark .bj-code-field.is-disabled input[disabled],html[data-theme="dark"] .bj-code-field.is-disabled input[disabled]{background:#182636!important;color:#74879a!important;border-color:#2e4358!important}


/* v23 - waiting room polish: logout nowrap + copy feedback */
body a[href*="logout.php"],
body a[href*="logout"].btn,
body .btn-logout,
body .logout-btn,
body .bp-logout,
body .bp-header a[href*="logout"]{
  white-space:nowrap!important;
  word-break:keep-all!important;
  min-width:max-content!important;
  width:auto!important;
  padding-left:15px!important;
  padding-right:15px!important;
  line-height:1.2!important;
}
.bj-private-code .bj-copy{
  min-width:72px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid color-mix(in srgb,var(--bj-accent) 28%,#d5e2ee)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--bj-deep)!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.bj-private-code .bj-copy:hover{transform:translateY(-1px);border-color:var(--bj-accent)!important}
.bj-private-code .bj-copy.is-copied{background:#e9f9ef!important;border-color:#55b779!important;color:#17733d!important}
.bj-private-code .bj-copy.is-copy-failed{background:#fff0f0!important;border-color:#e48585!important;color:#b32424!important}
html.bp-dark .bj-private-code .bj-copy,body.bp-dark .bj-private-code .bj-copy{background:#1a3045!important;color:#eef6ff!important;border-color:#3c5a74!important}
html.bp-dark .bj-private-code .bj-copy.is-copied,body.bp-dark .bj-private-code .bj-copy.is-copied{background:#173727!important;color:#bff3d2!important;border-color:#417b56!important}

/* v14: room title / spectator controls / host close room */
.bj-game-brand>div{min-width:0}
.bj-game-brand h1{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bj-game-host{display:block;margin-top:3px;font-size:11px;font-weight:800;color:rgba(255,255,255,.88);white-space:nowrap}
.bj-game-banner-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.bj-game-banner-actions .bj-btn,.bj-game-banner-actions .bj-spectator-badge{height:46px;min-width:104px;padding:0 19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;font-size:14px!important;line-height:1!important;white-space:nowrap!important;font-weight:900!important;border-radius:11px!important}
.bj-game-banner-actions .bj-spectator-badge{min-width:122px;background:#fff;color:var(--bj-deep);box-shadow:0 5px 14px rgba(0,0,0,.08)}
.bj-actions .bj-danger{background:#fff2f2!important;border-color:#efb7b7!important;color:#c72b2b!important;font-weight:900!important}
.bj-actions .bj-danger:hover{background:#c72b2b!important;border-color:#c72b2b!important;color:#fff!important}
html.bp-dark .bj-actions .bj-danger,body.bp-dark .bj-actions .bj-danger{background:#3a1d22!important;border-color:#71323b!important;color:#ffb8bf!important}
@media(max-width:1000px){.bj-game-banner-actions .bj-btn,.bj-game-banner-actions .bj-spectator-badge{min-width:100px;height:42px;font-size:13px!important}.bj-game-brand h1{max-width:330px}}

/* =========================================================
   v15 - Lobby room close / game-watch button
   ========================================================= */
.bj-watch-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:0 11px!important;
    border:1px solid color-mix(in srgb,var(--bj-accent) 30%,var(--bj-line))!important;
    border-radius:9px!important;
    background:color-mix(in srgb,var(--bj-accent) 5%,#fff)!important;
    color:var(--bj-deep)!important;
    font-size:11.5px!important;
    font-weight:900!important;
    text-decoration:none!important;
}
.bj-room-close-wrap{position:relative;display:flex;justify-content:center;margin-top:1px}
.bj-room-close-btn{
    min-height:32px;padding:0 12px;border:1px solid #efb3b3;border-radius:9px;
    background:#fff7f7;color:#c93535;font-size:11px;font-weight:900;cursor:pointer;
}
.bj-room-close-btn:hover{background:#fff0f0;border-color:#e45d5d;color:#b51f1f}
.bj-room-close-pop{
    display:none;position:absolute;right:0;bottom:calc(100% + 8px);z-index:300;
    width:272px;padding:14px;border:1px solid #efc8c8;border-radius:13px;background:#fff;
    box-shadow:0 16px 38px rgba(40,28,28,.20);color:#24384f;text-align:left;
}
.bj-room-close-pop.is-open{display:block}
.bj-room-close-pop:after{content:"";position:absolute;right:28px;top:100%;border:7px solid transparent;border-top-color:#fff}
.bj-room-close-pop strong{display:block;font-size:13px;line-height:1.45;color:#b52626;margin-bottom:5px}
.bj-room-close-pop>span{display:block;font-size:10.5px;line-height:1.5;color:#76879a;margin-bottom:11px}
.bj-room-close-pop>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.bj-room-close-pop button{height:34px;border-radius:8px;font-size:11px;font-weight:900;cursor:pointer}
.bj-close-cancel{border:1px solid #d9e3ed;background:#f7fafc;color:#566b80}
.bj-close-confirm{border:1px solid #d93535;background:#d93535;color:#fff}
.bj-close-confirm:disabled{opacity:.65;cursor:wait}
html.bp-dark .bj-room-close-pop,body.bp-dark .bj-room-close-pop,html[data-theme="dark"] .bj-room-close-pop{background:#162536;border-color:#66414a;color:#eef6fd}
html.bp-dark .bj-room-close-pop:after,body.bp-dark .bj-room-close-pop:after,html[data-theme="dark"] .bj-room-close-pop:after{border-top-color:#162536}
html.bp-dark .bj-watch-btn,body.bp-dark .bj-watch-btn{background:#192d42!important;border-color:#36536c!important;color:#dceeff!important}

/* =========================================================
   v15 - Yut board and realistic half-round sticks
   One designated yut (data-special=1) carries the backdo dot
   on its flat inner face only.
   ========================================================= */
.bj-yut-stage-real{
    height:228px!important;
    padding-top:0!important;
    background:linear-gradient(180deg,#edf6fd 0%,#e5f0f8 100%)!important;
}
.bj-yut-mat-real{
    left:50%!important;top:8px!important;bottom:auto!important;
    width:96%!important;height:202px!important;
    object-fit:contain!important;object-position:center top!important;
    transform:translateX(-50%)!important;
    border-radius:6px!important;
    filter:drop-shadow(0 8px 9px rgba(31,55,78,.17))!important;
}
.bj-yut-live{inset:0!important}
.bj-real-stick{
    position:absolute;left:50%;top:49%;width:38px!important;height:112px!important;
    transform-origin:50% 50%;will-change:transform,filter;
    filter:drop-shadow(0 5px 5px rgba(34,44,49,.28));
    user-select:none;pointer-events:none;transform-style:preserve-3d;
    border-radius:19px 19px 12px 12px;
    background:
      linear-gradient(90deg,rgba(96,44,10,.14),transparent 18%,rgba(255,255,255,.32) 43%,rgba(255,255,255,.05) 63%,rgba(91,39,7,.17)),
      repeating-linear-gradient(92deg,#c9782f 0,#d98c45 2px,#eda95e 5px,#d58a43 8px,#c47731 11px);
    border:1px solid rgba(115,57,17,.30);
    box-shadow:inset 5px 0 7px rgba(91,42,12,.12),inset -5px 0 7px rgba(84,39,11,.12);
    overflow:hidden;
}
/* rounded outer side: slightly fuller than a half-moon section */
.bj-real-stick.is-outer{
    border-radius:48% 48% 34% 34% / 12% 12% 10% 10%;
    background:
      radial-gradient(ellipse at 38% 40%,rgba(255,255,255,.36),transparent 30%),
      linear-gradient(90deg,#a95f28 0%,#d78942 18%,#f0ad63 46%,#d68842 77%,#98501f 100%);
}
/* flat inner side */
.bj-real-stick.is-inner{
    border-radius:9px 9px 8px 8px;
    background:
      repeating-linear-gradient(90deg,rgba(120,65,26,.10) 0 1px,transparent 1px 5px),
      linear-gradient(90deg,#c67b38,#e6a258 26%,#efb16b 54%,#d48b45 100%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 5px 0 8px rgba(102,53,18,.08),inset -5px 0 8px rgba(102,53,18,.08);
}
.bj-stick-face{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:11px}
.bj-real-stick.is-outer .bj-stick-outer{display:flex}
.bj-real-stick.is-inner .bj-stick-inner{display:flex}
.bj-stick-outer i{font-style:normal;font-family:Arial,sans-serif;font-size:19px;line-height:1;font-weight:800;color:#3d2416;text-shadow:0 1px 0 rgba(255,255,255,.16)}
.bj-stick-inner .bj-backdo-dot{display:none;font-style:normal;font-size:18px;line-height:1;color:#3b2418}
.bj-real-stick[data-special="1"].is-inner .bj-backdo-dot{display:block}
.bj-real-stick.is-backdo{box-shadow:0 0 0 2px rgba(207,48,48,.08),inset 0 0 0 1px rgba(255,255,255,.16),inset 5px 0 8px rgba(102,53,18,.08),inset -5px 0 8px rgba(102,53,18,.08)}
.bj-yut-stage-real:after{background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 24%)!important}
.bj-result-guide{padding:10px!important;gap:5px!important}
.bj-result-guide span{padding:8px 3px!important;font-size:9px!important;line-height:1.25!important}
.bj-result-guide b{font-size:11px!important;margin-bottom:2px!important}
.bj-yut-result{font-size:11px!important;line-height:1.45!important}
.bj-yut-result strong{font-size:18px!important}
html.bp-dark .bj-real-stick,body.bp-dark .bj-real-stick,html[data-theme="dark"] .bj-real-stick{filter:brightness(.80) saturate(.88) drop-shadow(0 6px 7px rgba(0,0,0,.5))}
@media(max-width:760px){.bj-yut-stage-real{height:200px!important}.bj-yut-mat-real{height:176px!important}.bj-real-stick{width:34px!important;height:98px!important}.bj-stick-outer i{font-size:17px}.bj-stick-face{gap:9px}}

/* v16 - lobby room actions: host = play/watch/close, others = watch only */
.bj-v8-room-enter{justify-content:center!important}
.bj-host-room-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;align-items:center}
.bj-room-action{height:38px;min-width:0;padding:0 9px;border-radius:9px;border:1px solid var(--bj-line);display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none!important;font-size:11px!important;font-weight:900!important;line-height:1!important;white-space:nowrap;cursor:pointer;background:#fff;color:var(--bj-deep)}
.bj-room-action-play{background:linear-gradient(135deg,var(--bj-deep),var(--bj-accent));border-color:var(--bj-accent);color:#fff!important;box-shadow:0 5px 14px color-mix(in srgb,var(--bj-accent) 18%,transparent)}
.bj-room-action-watch{background:#fff;border-color:color-mix(in srgb,var(--bj-accent) 28%,var(--bj-line));color:var(--bj-deep)!important}
.bj-room-action-close{width:100%;background:#fff6f6;border-color:#efb9b9;color:#c72c2c!important}
.bj-room-action:hover{transform:translateY(-1px)}
.bj-room-close-wrap{position:relative;display:block;margin:0;width:100%}
.bj-room-action-only{width:116px;margin-left:auto}
.bj-room-close-pop{right:0;bottom:calc(100% + 9px);z-index:120}
.bj-memo-count-badge{position:absolute!important;right:-8px!important;top:-8px!important;min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:999px!important;background:#e52e3b!important;color:#fff!important;border:2px solid #fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;font-size:10px!important;font-weight:900!important;line-height:1!important;box-shadow:0 2px 7px rgba(180,22,39,.28)!important;z-index:30!important}
html.bp-dark .bj-memo-count-badge,body.bp-dark .bj-memo-count-badge{border-color:#111d2b!important}
@media(max-width:1000px){.bj-host-room-actions{max-width:360px}.bj-room-action-only{margin-left:0}}
@media(max-width:680px){.bj-host-room-actions{grid-template-columns:1fr 1fr 1fr}.bj-room-action{font-size:10.5px!important;padding:0 5px}.bj-room-action-only{width:100%}}


/* v27 — 공개방 참여 / 초대 결과 / 로비 복귀 버튼 */
.bj-public-room-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;align-items:center}
.bj-public-join-form{margin:0!important;display:block!important;width:100%}.bj-public-join-form .bj-room-action{width:100%}
.bj-v8-invite-card #sendInvite{margin-top:16px!important}
.bj-v8-invite-card #inviteResult{margin-top:12px!important;min-height:38px;padding:10px 12px;border-radius:10px;border:1px solid transparent;font-size:12px!important;font-weight:800;line-height:1.45;display:flex;align-items:center}
.bj-v8-invite-card #inviteResult:empty{display:none}
.bj-v8-invite-card #inviteResult.is-success{display:flex;background:#edf9f2;border-color:#b9e5c9;color:#18733d}
.bj-v8-invite-card #inviteResult.is-error{display:flex;background:#fff1f1;border-color:#f1bcbc;color:#b72e2e}
.bj-lobby-return{min-width:150px!important;white-space:nowrap!important;font-size:12px!important;font-weight:900!important}
.bj-game-banner-actions .bj-lobby-return,.bj-wait-banner-side .bj-lobby-return{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:680px){.bj-public-room-actions{grid-template-columns:1fr 1fr}.bj-lobby-return{min-width:0!important;width:100%}}

/* =========================================================
   Mission Marble v20 — four missionaries / route / quiz / strategy
   ========================================================= */
.bj-route-board{position:relative;overflow:hidden}
.bj-route-layer{position:absolute;inset:0;z-index:8;pointer-events:none}
.bj-route-anchor{position:absolute;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;opacity:0;pointer-events:none}
.bj-go-piece{position:absolute;z-index:12;width:25px;height:25px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;color:#fff;font-style:normal;font-size:10px;font-weight:900;border:2px solid #fff;box-shadow:0 4px 9px rgba(8,28,52,.36),inset 0 3px 4px rgba(255,255,255,.25),inset 0 -4px 5px rgba(0,0,0,.18);transition:left .45s cubic-bezier(.2,.75,.25,1),top .45s cubic-bezier(.2,.75,.25,1)}
.bj-go-piece.p1,.bj-mini-go.p1,.bj-turn-stone.p1{background:#2563eb}.bj-go-piece.p2,.bj-mini-go.p2,.bj-turn-stone.p2{background:#ef4444}.bj-go-piece.p3,.bj-mini-go.p3,.bj-turn-stone.p3{background:#16a34a}.bj-go-piece.p4,.bj-mini-go.p4,.bj-turn-stone.p4{background:#9333ea}
.bj-piece-status{display:flex;align-items:center;gap:4px;margin-top:5px}.bj-piece-status em{font-style:normal;font-size:11px;color:var(--bj-muted);margin-left:4px}.bj-mini-go{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:8px;font-style:normal;font-weight:900;border:1.5px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.18)}.bj-mini-go.done{opacity:.34;filter:grayscale(.3)}
.bj-turn-stone{display:inline-block;width:18px;height:18px;border-radius:50%;margin-right:8px;vertical-align:-4px;border:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.25)}
.bj-game-player{min-height:74px}.bj-game-player>div{flex:1}.bj-game-player small{font-size:12px!important}
.bj-special-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.bj-special-guide span{background:var(--bj-card);border:1px solid var(--bj-line);border-radius:10px;padding:8px 6px;text-align:center;font-size:11px;font-weight:800;color:var(--bj-deep)}
.bj-piece-chooser{margin-top:12px;padding:11px;border-radius:13px;border:1px solid var(--bj-line);background:var(--bj-card)}.bj-piece-chooser>b{display:block;margin-bottom:8px;font-size:13px}.bj-piece-chooser>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bj-piece-select{display:flex;align-items:center;gap:7px;border:1px solid var(--bj-line);background:var(--bj-soft);border-radius:9px;padding:8px;cursor:pointer;color:var(--bj-text);font-weight:800}.bj-piece-select:disabled{opacity:.45;cursor:not-allowed}.bj-piece-select span{font-size:10px;line-height:1.25;text-align:left}
.bj-quiz-overlay{position:absolute;inset:10% 9%;z-index:40;background:rgba(8,21,36,.50);backdrop-filter:blur(5px);border-radius:20px;padding:16px;pointer-events:auto}.bj-quiz-card{height:100%;overflow:auto;background:var(--bj-card);border:2px solid color-mix(in srgb,var(--bj-accent) 45%,#fff);border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.34);padding:18px;color:var(--bj-text)}.bj-quiz-place{padding:13px 14px;border-radius:13px;background:linear-gradient(135deg,var(--bj-soft),#fff);border:1px solid var(--bj-line)}.bj-quiz-place>span{font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--bj-accent)}.bj-quiz-place h3{font-size:20px;margin:4px 0 6px}.bj-quiz-place p{margin:0;font-size:12px;line-height:1.65;color:var(--bj-muted)}.bj-quiz-question{margin-top:12px}.bj-quiz-head{display:flex;justify-content:space-between;align-items:center}.bj-quiz-head b{font-size:14px;color:var(--bj-accent)}.bj-quiz-head span{font-weight:900;color:#d33;font-size:13px}.bj-quiz-question h4{font-size:17px;line-height:1.5;margin:10px 0}.bj-quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bj-quiz-choices button{min-height:52px;border:1px solid var(--bj-line);background:#fff;border-radius:11px;padding:8px 10px;text-align:left;color:var(--bj-text);font-weight:800;cursor:pointer}.bj-quiz-choices button b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bj-accent);color:#fff;margin-right:8px}.bj-quiz-choices button:disabled{cursor:default;opacity:.68}.bj-quiz-question>p{font-size:11.5px;line-height:1.5;color:var(--bj-muted);font-weight:700}
.bj-strategy-panel{padding-bottom:15px}.bj-strategy-help{font-size:11px!important;line-height:1.55;color:var(--bj-muted);margin:0 0 9px}.bj-strategy-panel select{width:100%;height:37px;border:1px solid var(--bj-line);border-radius:9px;background:var(--bj-card);color:var(--bj-text);padding:0 8px}.bj-build-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.bj-build-buttons button{border:1px solid var(--bj-line);background:var(--bj-soft);border-radius:9px;padding:7px 3px;font-size:11px;font-weight:900;color:var(--bj-deep);cursor:pointer}.bj-build-buttons small{font-size:9px}.bj-strategy-notes{display:grid;gap:3px;margin-top:8px}.bj-strategy-notes span{font-size:9.5px;color:var(--bj-muted)}
/* 공개방 참여 버튼은 테마/공통 CSS와 충돌해도 반드시 표시 */
.bj-public-room-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;align-items:center!important}.bj-public-join-form{display:block!important;margin:0!important;width:100%!important}.bj-public-join-form .bj-room-action-play,.bj-public-room-actions>.bj-room-action-watch{display:flex!important;width:100%!important;min-height:40px!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important}
/* 윷 돗자리는 전체 테두리가 잘리지 않게 */
.bj-yut-stage-real{padding:10px!important}.bj-yut-mat-real{object-fit:contain!important;width:calc(100% - 12px)!important;height:calc(100% - 12px)!important;inset:6px!important}
.bj-result-guide span,.bj-result-guide b{font-size:12px!important}.bj-result-guide span{min-height:44px!important}
html.bp-dark .bj-quiz-card,body.bp-dark .bj-quiz-card{background:#142233}.bp-dark .bj-quiz-place{background:#192b40}.bp-dark .bj-quiz-choices button{background:#18293c;color:#edf5ff}
@media(max-width:1000px){.bj-special-guide{grid-template-columns:1fr 1fr}.bj-quiz-overlay{inset:6%}.bj-quiz-choices{grid-template-columns:1fr}}
.bj-facility-mark{position:absolute;z-index:11;transform:translate(-50%,-50%);width:21px;height:21px;border-radius:8px;display:grid;place-items:center;background:#fff;border:2px solid currentColor;font-size:11px;box-shadow:0 2px 5px rgba(0,0,0,.18)}.bj-facility-mark.p1{color:#2563eb}.bj-facility-mark.p2{color:#ef4444}.bj-facility-mark.p3{color:#16a34a}.bj-facility-mark.p4{color:#9333ea}

/* =========================================================
   v31 — BiblePang 1360px site-width synchronization
   The site container was widened from 1140px to 1360px.
   Keep all Journey pages aligned with the new site width.
   ========================================================= */
.bj-shell{
    width:min(calc(100% - 28px),1360px)!important;
    max-width:1360px!important;
}

/* Use the additional desktop width instead of leaving empty margins. */
.bj-game-dashboard{
    grid-template-columns:220px 760px 352px!important;
    gap:14px!important;
}
.bj-board{
    width:760px!important;
    height:760px!important;
}
.bj-game-banner{
    grid-template-columns:310px minmax(0,1fr) auto!important;
}

/* Lobby / waiting room proportions on the wider site. */
.bj-v8-room-row{
    grid-template-columns:100px minmax(0,1.35fr) minmax(320px,.9fr) 300px!important;
    column-gap:20px!important;
}
.bj-v8-wait-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(390px,.75fr)!important;
    gap:20px!important;
}

/* Let the right yut area breathe on the wider layout. */
.bj-yut-stage-real{
    min-height:230px;
}
.bj-game-logs{
    max-height:220px;
}

/* Fluid fallback for screens that cannot display the full 1360px dashboard. */
@media(max-width:1420px){
    .bj-game-dashboard{
        grid-template-columns:205px minmax(0,1fr) 330px!important;
        gap:12px!important;
    }
    .bj-board{
        width:100%!important;
        height:auto!important;
        aspect-ratio:1/1;
    }
    .bj-game-banner{
        grid-template-columns:285px minmax(0,1fr) auto!important;
    }
    .bj-v8-room-row{
        grid-template-columns:94px minmax(0,1.25fr) minmax(285px,.85fr) 270px!important;
        column-gap:16px!important;
    }
}

@media(max-width:1200px){
    .bj-game-dashboard{grid-template-columns:175px minmax(0,1fr) 280px!important}
    .bj-board{width:100%!important;height:auto!important;aspect-ratio:1/1}
    .bj-game-banner{grid-template-columns:230px minmax(0,1fr) auto!important}
    .bj-v8-room-row{grid-template-columns:82px minmax(0,1fr) 245px 225px!important}
}
@media(max-width:1000px){
    .bj-game-dashboard{grid-template-columns:1fr!important}
    .bj-v8-wait-grid{grid-template-columns:1fr!important}
    .bj-v8-room-row{grid-template-columns:84px 1fr 220px!important}
}

/* =========================================================
   v32 mission-marble board/gameplay refinement
   ========================================================= */
.bj-game-dashboard{grid-template-columns:220px minmax(0,760px) 352px!important;gap:14px!important}
.bj-board{width:760px!important;height:auto!important;aspect-ratio:1/1!important;background:url('./board.png') center/100% 100% no-repeat!important;border-radius:18px!important;overflow:hidden!important}
.bj-board-center{display:none!important}.bj-route-layer{position:absolute;inset:0;z-index:8}.bj-route-anchor{display:none!important}
.bj-go-piece{position:absolute;z-index:35;width:30px;height:30px;border:0;border-radius:50%;transform:translate(-50%,-50%);padding:0;display:grid;place-items:center;cursor:pointer;color:#fff;font-weight:950;font-size:13px;line-height:1;box-shadow:inset 0 3px 4px rgba(255,255,255,.75),inset 0 -4px 6px rgba(0,0,0,.25),0 3px 7px rgba(0,0,0,.32);border:2px solid rgba(255,255,255,.95);transition:transform .16s ease,filter .16s ease}
.bj-go-piece:hover{transform:translate(-50%,-50%) scale(1.14);filter:brightness(1.08)}.bj-go-piece.waiting{opacity:.6}.bj-go-piece b{font:inherit}.bj-key-badge{position:absolute;right:-9px;top:-10px;font-size:13px;filter:drop-shadow(0 1px 1px #fff)}
.bj-go-piece.p1,.bj-choice-stone.p1,.bj-mini-go.p1{background:radial-gradient(circle at 34% 25%,#75b6ff,#1670e8 55%,#0b49a8)}
.bj-go-piece.p2,.bj-choice-stone.p2,.bj-mini-go.p2{background:radial-gradient(circle at 34% 25%,#ff8d8d,#ef4141 55%,#a61111)}
.bj-go-piece.p3,.bj-choice-stone.p3,.bj-mini-go.p3{background:radial-gradient(circle at 34% 25%,#87d8a6,#26975c 55%,#126337)}
.bj-go-piece.p4,.bj-choice-stone.p4,.bj-mini-go.p4{background:radial-gradient(circle at 34% 25%,#d9a6ff,#884ad1 55%,#54208d)}
.bj-facility-mark{position:absolute;z-index:28;width:27px;height:27px;border-radius:9px;border:1px solid rgba(255,255,255,.9);transform:translate(-50%,-50%);display:grid;place-items:center;font-size:17px;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.22)}
.bj-piece-dock{margin-top:10px;padding:12px 14px;border:1px solid #d8e5f1;border-radius:14px;background:linear-gradient(180deg,#fff,#f7fbff);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px}.bj-piece-dock>div:first-child b,.bj-piece-dock>div:first-child span{display:block}.bj-piece-dock>div:first-child b{font-size:13px}.bj-piece-dock>div:first-child span{font-size:11px;color:#75879a;margin-top:4px}.bj-piece-dock.is-active{border-color:color-mix(in srgb,var(--bj-accent) 48%,#d8e5f1);box-shadow:0 6px 18px color-mix(in srgb,var(--bj-accent) 10%,transparent)}#pieceQuick{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}#pieceQuick button{border:1px solid #cfdeed;border-radius:10px;background:#fff;color:#173a64;padding:9px 11px;font-size:11px;font-weight:900;cursor:pointer}.bj-new-piece{background:linear-gradient(135deg,var(--bj-deep),var(--bj-accent))!important;color:#fff!important;border-color:transparent!important}
.bj-under-board{margin-top:10px!important}.bj-under-board>div{min-height:54px!important;padding:10px 13px!important}.bj-under-board span{font-size:10px!important}.bj-under-board strong{font-size:12px!important;display:flex!important;align-items:center!important;gap:7px!important}.bj-turn-stone{width:16px!important;height:16px!important;border-radius:50%!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.7),0 1px 3px rgba(0,0,0,.2)}
.bj-strategy-panel{overflow:visible!important}.bj-strategy-body{padding:12px!important}.bj-strategy-help{font-size:11px!important;line-height:1.55!important;color:#61788f!important;margin:0 0 11px!important}.bj-strategy-body label{display:block;font-size:10px;font-weight:850;color:#38536e}.bj-strategy-body select{width:100%!important;height:40px!important;margin-top:6px!important;border:1px solid #cfdeed!important;border-radius:10px!important;background:#fff!important;padding:0 9px!important;font-size:11px!important}.bj-build-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-top:9px!important}.bj-build-buttons button{min-width:0!important;padding:8px 3px!important;border:1px solid #f0cfd0!important;border-radius:10px!important;background:#fff6f6!important;color:#a83232!important;font-size:10px!important;line-height:1.25!important}.bj-build-buttons button b,.bj-build-buttons button small{display:block!important}.bj-build-buttons button small{font-size:9px!important;margin-top:2px!important}.bj-strategy-notes{margin-top:10px!important;padding:9px 10px!important;border-radius:10px!important;background:#f7fafc!important;border:1px solid #e4edf5!important}.bj-strategy-notes span{display:block!important;font-size:9.5px!important;line-height:1.55!important;color:#677b90!important}
.bj-yut-stage-real{height:260px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#eef6fb!important}.bj-yut-mat-real{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;height:226px!important;max-width:94%!important;object-fit:contain!important;object-position:center!important}.bj-yut-live{position:absolute!important;inset:0!important}.bj-yut-result{font-size:13px!important;min-height:48px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important}.bj-yut-result strong{font-size:20px!important}.bj-result-guide span{font-size:9px!important;padding:9px 2px!important}.bj-result-guide b{font-size:12px!important;margin-bottom:2px!important}.bj-game-logs{max-height:230px!important}.bj-game-logs p{font-size:10px!important;line-height:1.55!important;padding:7px 0!important}
.bj-action-modal{position:fixed;inset:0;z-index:2147482500;background:rgba(8,23,42,.44);display:flex;align-items:center;justify-content:center;padding:20px}.bj-action-modal[hidden]{display:none!important}.bj-action-dialog{position:relative;width:min(430px,94vw);background:#fff;border:1px solid #d8e4ef;border-radius:18px;box-shadow:0 24px 70px rgba(8,29,54,.3);padding:22px;color:#15324e}.bj-action-dialog h3{font-size:19px;margin:0 35px 7px 0}.bj-action-dialog p{font-size:12px;line-height:1.6;color:#6e8194}.bj-modal-x{position:absolute;right:12px;top:10px;width:32px;height:32px;border:0;border-radius:9px;background:#edf3f8;font-size:21px;cursor:pointer}.bj-piece-modal-choices{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.bj-piece-modal-choices label{cursor:pointer}.bj-piece-modal-choices input{position:absolute;opacity:0}.bj-choice-stone{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:15px;font-weight:950;border:3px solid transparent;box-shadow:inset 0 3px 4px rgba(255,255,255,.65),0 3px 7px rgba(0,0,0,.2)}.bj-piece-modal-choices input:checked+.bj-choice-stone{outline:4px solid #ffd159;outline-offset:2px}.bj-key-sell{border:1px solid #ead18d;background:#fff9df;color:#795800;border-radius:10px;padding:8px 10px;margin:0 6px 10px 0;font-size:11px;font-weight:900}.bj-action-dialog>.bj-btn{width:100%;min-height:44px}.bj-event-overlay{position:absolute;inset:0;z-index:80;background:rgba(10,29,52,.62);display:grid;place-items:center;padding:25px}.bj-event-overlay[hidden]{display:none!important}.bj-event-card{width:min(470px,88%);background:#fff;border-radius:20px;padding:25px;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.28)}.bj-event-card>span{font-size:10px;letter-spacing:.15em;color:var(--bj-accent);font-weight:900}.bj-event-card h3{font-size:23px;margin:8px 0}.bj-event-card p{font-size:13px;line-height:1.65;color:#647b91}.bj-event-card>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.bj-event-card button{min-height:45px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--bj-deep),var(--bj-accent));color:#fff;font-size:12px;font-weight:900;cursor:pointer}
.bj-quiz-overlay{z-index:75!important}.bj-quiz-card{width:min(700px,92%)!important}.bj-quiz-question h4{font-size:16px!important}.bj-quiz-choices button{font-size:13px!important;min-height:48px!important}.bj-quiz-place p,.bj-quiz-question p{font-size:12px!important}
@media(max-width:1360px){.bj-game-dashboard{grid-template-columns:205px minmax(0,1fr) 330px!important}.bj-board{width:100%!important}.bj-yut-stage-real{height:235px!important}}

/* =========================================================
   v38 rounds / missionaries / randomized property prices / yut polish
   ========================================================= */
.bj-point-reward b{color:var(--bj-deep)!important;font-weight:950!important}
.bj-strategy-help strong{display:block;margin-top:6px;color:var(--bj-deep);font-size:11px;line-height:1.5}

/* person-shaped missionary tokens: fixed 1~4 identity */
.bj-person-piece{width:34px!important;height:42px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;display:block!important}
.bj-person-piece .bj-person-head,.bj-dock-missionary .bj-person-head{position:absolute;left:50%;top:1px;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:currentColor;box-shadow:inset 3px 3px 4px rgba(255,255,255,.38),0 1px 3px rgba(0,0,0,.25)}
.bj-person-piece .bj-person-body,.bj-dock-missionary .bj-person-body{position:absolute;left:50%;top:15px;transform:translateX(-50%);width:27px;height:23px;border-radius:11px 11px 7px 7px;background:currentColor;box-shadow:inset 4px 3px 5px rgba(255,255,255,.26),inset -3px -3px 4px rgba(0,0,0,.17),0 2px 4px rgba(0,0,0,.23)}
.bj-person-piece .bj-person-body:before,.bj-person-piece .bj-person-body:after,.bj-dock-missionary .bj-person-body:before,.bj-dock-missionary .bj-person-body:after{content:"";position:absolute;bottom:-8px;width:8px;height:13px;border-radius:4px;background:currentColor}
.bj-person-piece .bj-person-body:before,.bj-dock-missionary .bj-person-body:before{left:4px}.bj-person-piece .bj-person-body:after,.bj-dock-missionary .bj-person-body:after{right:4px}
.bj-person-piece b{position:absolute;z-index:4;left:50%;top:19px;transform:translateX(-50%);font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.bj-person-piece.p1,.bj-dock-missionary.p1{color:#1d6ee8}.bj-person-piece.p2,.bj-dock-missionary.p2{color:#ed4141}.bj-person-piece.p3,.bj-dock-missionary.p3{color:#25915a}.bj-person-piece.p4,.bj-dock-missionary.p4{color:#8250c7}
.bj-person-piece:hover{transform:translate(-50%,-50%) scale(1.12)!important;filter:brightness(1.08)}
.bj-person-piece .bj-key-badge{right:-11px!important;top:-9px!important}

/* small missionary identities in player card */
.bj-mini-missionary-row{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;margin-top:5px!important}
.bj-mini-missionary{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:21px;height:27px;color:#1769e0;font-style:normal}
.bj-mini-missionary>span:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:currentColor;left:6px;top:0;box-shadow:inset 2px 2px 2px rgba(255,255,255,.35)}
.bj-mini-missionary>span:after{content:"";position:absolute;width:15px;height:14px;border-radius:7px 7px 4px 4px;background:currentColor;left:3px;top:8px}
.bj-mini-missionary b{position:absolute;z-index:2;top:10px;left:0;width:21px;text-align:center;color:#fff;font-size:8px;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.5)}
.bj-mini-missionary em{position:absolute;right:-7px;top:-7px;font-size:9px;font-style:normal}.bj-mini-missionary.done{opacity:.42;filter:grayscale(.45)}
.bj-mini-missionary.p1{color:#1769e0}.bj-mini-missionary.p2{color:#ed4141}.bj-mini-missionary.p3{color:#25915a}.bj-mini-missionary.p4{color:#8250c7}

/* four missionaries always visible below the board */
.bj-piece-dock{align-items:flex-start!important}.bj-missionary-dock{display:flex!important;gap:10px!important;justify-content:flex-end!important;flex-wrap:wrap!important}
.bj-dock-missionary{position:relative!important;width:64px!important;height:70px!important;border:1px solid #d5e2ee!important;border-radius:12px!important;background:#fff!important;padding:5px 4px 4px!important;color:#1769e0!important;cursor:pointer!important;box-shadow:0 2px 6px rgba(23,55,85,.07)!important}
.bj-dock-missionary .bj-person-head{top:7px!important;width:14px!important;height:14px!important}.bj-dock-missionary .bj-person-body{top:19px!important;width:24px!important;height:21px!important}
.bj-dock-missionary>b{position:absolute;z-index:4;left:50%;top:23px;transform:translateX(-50%);color:#fff;font-size:11px;text-shadow:0 1px 1px rgba(0,0,0,.45)}
.bj-dock-missionary>small{position:absolute;left:3px;right:3px;bottom:5px;font-size:9px;color:#617990;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bj-dock-missionary.p1{color:#1769e0!important}.bj-dock-missionary.p2{color:#ed4141!important}.bj-dock-missionary.p3{color:#25915a!important}.bj-dock-missionary.p4{color:#8250c7!important}
.bj-dock-missionary:disabled{opacity:.76!important;cursor:default!important}.bj-piece-dock.is-active .bj-dock-missionary:not(:disabled){border-color:color-mix(in srgb,var(--bj-accent) 55%,#d5e2ee)!important;box-shadow:0 5px 14px color-mix(in srgb,var(--bj-accent) 14%,transparent)!important}
.bj-dock-missionary.done{opacity:.38!important}

/* yut: larger result guide/log, clear backdo dot, varied landings */
.bj-backdo-dot{font-size:27px!important;line-height:1!important;color:#171717!important;text-shadow:0 1px 1px rgba(255,255,255,.5)!important}
.bj-result-guide span{font-size:11px!important;padding:10px 3px!important}.bj-result-guide b{font-size:14px!important;margin-bottom:3px!important}
.bj-game-logs p{font-size:12px!important;line-height:1.62!important;padding:8px 0!important}.bj-game-logs{max-height:255px!important}

html.bp-dark .bj-dock-missionary,body.bp-dark .bj-dock-missionary,html[data-theme="dark"] .bj-dock-missionary{background:#15283b!important;border-color:#334b62!important}.bp-dark .bj-dock-missionary>small{color:#b4c4d4!important}

/* ===== Mission Marble v40 movement / quiz / trade polish ===== */
.bj-game-player .bj-player-copy{min-width:0}
.bj-game-player .bj-player-money,.bj-game-player .bj-player-assets{display:block!important;white-space:normal!important;line-height:1.45!important}
.bj-game-player .bj-player-assets{margin-top:3px!important;color:#506b84!important;font-size:9.5px!important;font-weight:750}
.bj-route-drop{position:absolute;z-index:1;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:16px;pointer-events:none;transition:.16s ease}
.bj-route-drop.is-live{pointer-events:auto}
body.bj-dragging-piece .bj-route-drop.is-live{outline:2px dashed rgba(77,107,143,.25);background:rgba(255,255,255,.06)}
body.bj-dragging-piece .bj-route-drop.is-valid{width:70px;height:70px;outline:4px solid #ffd43b;background:rgba(255,226,92,.28);box-shadow:0 0 0 8px rgba(255,214,54,.12),0 8px 22px rgba(0,0,0,.13)}
body.bj-dragging-piece .bj-route-drop.is-over{transform:translate(-50%,-50%) scale(1.1)}
.bj-go-piece{z-index:5!important}.bj-go-piece.is-movable{cursor:grab!important}.bj-go-piece.is-movable:active{cursor:grabbing!important}
.bj-dock-missionary[draggable="true"]{cursor:grab!important}.bj-dock-missionary[draggable="true"]:active{cursor:grabbing!important}
.bj-game-toast{position:fixed;left:50%;top:92px;z-index:2147483600;transform:translateX(-50%);max-width:min(620px,90vw);padding:11px 18px;border-radius:12px;background:#1769e0;color:#fff;font-size:13px;font-weight:850;box-shadow:0 12px 34px rgba(15,45,85,.25)}
.bj-game-toast.is-error{background:#d8333a}
.bj-post-city-dialog,.bj-trade-dialog{width:min(520px,94vw)!important}
.bj-post-city-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0 12px}
.bj-post-city-options button{min-height:68px;border:1px solid #d6e2ed;border-radius:12px;background:#f8fbfe;color:#183f68;font-size:13px;font-weight:900;cursor:pointer;padding:9px}
.bj-post-city-options button small{display:block;margin-top:5px;font-size:11px;color:#d44b45}
.bj-post-city-dialog #skipCityBtn{width:100%;min-height:42px}
.bj-trade-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;margin-top:14px}.bj-trade-actions .bj-btn{min-height:44px}
.bj-quiz-overlay{backdrop-filter:blur(2px)}
.bj-quiz-card{box-shadow:0 28px 80px rgba(7,25,48,.36)!important}
#quizStatus{margin-top:12px!important;padding:10px 12px!important;border-radius:10px!important;background:#eef5ff!important;color:#284b72!important;font-weight:800!important}
.bj-result-guide span{font-size:12px!important;padding:11px 3px!important}.bj-result-guide b{font-size:15px!important}
.bj-game-logs p{font-size:13px!important;line-height:1.66!important;padding:8px 0!important}.bj-game-logs{max-height:265px!important}
.bj-strategy-help strong{display:block;margin-top:5px;color:#8b4d13;font-size:10px}
html.bp-dark .bj-game-player .bj-player-assets,body.bp-dark .bj-game-player .bj-player-assets{color:#b9c9d8!important}
html.bp-dark #quizStatus,body.bp-dark #quizStatus{background:#1c3148!important;color:#dcecff!important}
html.bp-dark .bj-post-city-options button,body.bp-dark .bj-post-city-options button{background:#172b40;color:#eaf4fd;border-color:#34506a}
@media(max-width:680px){.bj-post-city-options{grid-template-columns:1fr}.bj-game-toast{top:76px;font-size:12px}}

/* v42: missionary dock must remain clickable/draggable after a valid yut result. */
.bj-piece-dock,.bj-missionary-dock,#pieceQuick{pointer-events:auto!important}
.bj-piece-dock.is-active .bj-dock-missionary:not(:disabled){pointer-events:auto!important;opacity:1!important;cursor:pointer!important}
.bj-piece-dock.is-active .bj-dock-missionary[draggable="true"]{cursor:grab!important}
.bj-route-layer .bj-go-piece.is-movable{pointer-events:auto!important}

/* v45: make missionary drop targets match the board tiles more reliably */
.bj-route-drop{width:70px!important;height:70px!important;border-radius:14px!important}
body.bj-dragging-piece .bj-route-drop.is-valid{width:82px!important;height:82px!important}
.bj-piece-dock.is-active .bj-dock-missionary.is-ready-to-move{cursor:grab!important;pointer-events:auto!important;opacity:1!important}
.bj-piece-dock.is-active .bj-dock-missionary.is-ready-to-move:active{cursor:grabbing!important}


/* Mission Marble v50: click-only missionary selection */
.bj-dock-missionary,.bj-go-piece{touch-action:manipulation}
.bj-dock-missionary.is-selectable,.bj-go-piece.is-selectable{cursor:pointer!important;pointer-events:auto!important}
.bj-dock-missionary.is-selectable{box-shadow:0 0 0 3px color-mix(in srgb,var(--bj-accent) 28%,transparent),0 8px 18px rgba(0,0,0,.18)}
.bj-go-piece.is-selectable{filter:drop-shadow(0 0 5px rgba(255,215,0,.95))}
.bj-dock-missionary:disabled{cursor:default;opacity:.62}
.bj-throw.is-turn-locked:disabled{opacity:.42!important;filter:grayscale(.38);cursor:not-allowed!important;pointer-events:none!important}
.bj-board.is-quiz-locked .bj-board-center,.bj-board.is-quiz-locked .bj-route-layer{pointer-events:none!important;filter:brightness(.58) saturate(.58) blur(.7px)}
.bj-board.is-quiz-locked .bj-quiz-overlay{pointer-events:auto!important}
.bj-board.is-quiz-locked{cursor:not-allowed}

/* v52 tighter in-tile missionary placement */
.bj-go-piece.bj-person-piece{width:24px!important;height:30px!important;min-width:24px!important;max-width:24px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;}
.bj-go-piece.bj-person-piece .bj-missionary-icon{transform:scale(.82);transform-origin:center center;}

.bj-recover-turn{display:inline-flex;align-items:center;justify-content:center;width:auto!important;min-width:72px;height:30px;padding:0 11px!important;margin-left:8px;border:1px solid rgba(220,38,38,.32)!important;border-radius:9px;background:#fff5f5;color:#c62828;font-size:12px;font-weight:800;cursor:pointer}
.bj-recover-turn:hover{background:#fee2e2}.bj-recover-turn[hidden]{display:none!important}


/* v57: exact geometry measured from the uploaded 1254x1254 board.png */
.bj-route-drop{
 transform:translate(-50%,-50%)!important;
 max-width:none!important;max-height:none!important;
 border-radius:6px!important;
}
.bj-go-piece.bj-person-piece{
 width:24px!important;height:30px!important;
 min-width:24px!important;max-width:24px!important;
 padding:0!important;margin:0!important;
}
.bj-facility-mark{
 width:28px!important;height:28px!important;
 min-width:28px!important;max-width:28px!important;
 padding:0!important;transform:translate(-50%,-50%)!important;
}


/* v58 performance tuning */
.bj-board{
 contain:layout paint style;
 will-change:auto!important;
}
.bj-route-layer,.bj-go-piece,.bj-facility-mark{
 will-change:auto!important;
}
.bj-go-piece.is-selectable{
 animation:none!important;
}
.bj-board.is-quiz-locked .bj-board-center,
.bj-board.is-quiz-locked .bj-route-layer{
 filter:none!important;
 opacity:.36;
}
.bj-game-logs{contain:content}


/* v60 player-owned facility colors */
.bj-facility-mark.p1{background:#2563eb!important;color:#fff!important;border-color:#dbeafe!important}
.bj-facility-mark.p2{background:#ef4444!important;color:#fff!important;border-color:#fee2e2!important}
.bj-facility-mark.p3{background:#16a34a!important;color:#fff!important;border-color:#dcfce7!important}
.bj-facility-mark.p4{background:#9333ea!important;color:#fff!important;border-color:#f3e8ff!important}

/* Hazard card: above the Mission Marble title, around the boy's legs */
.bj-event-overlay{align-items:start!important;justify-items:center!important;padding-top:38%!important}
.bj-event-card{width:min(430px,82%)!important;padding:18px 22px!important}
.bj-event-card h3{margin:5px 0!important;font-size:22px!important}
.bj-event-card p{margin:4px 0!important;font-size:14px!important;font-weight:800!important}

/* Quiz answer tactile feedback */
.bj-quiz-choices button{transition:transform .08s ease,box-shadow .08s ease,filter .08s ease;position:relative}
.bj-quiz-choices button:active,.bj-quiz-choices button.is-pressed{transform:translateY(3px) scale(.985)!important;box-shadow:inset 0 3px 7px rgba(0,0,0,.18)!important}
.bj-quiz-choices button.is-submitting{filter:saturate(1.15);outline:3px solid rgba(37,99,235,.25)}
.bj-answer-sending{display:block;margin-top:4px;font-size:10px;font-style:normal;font-weight:900}


/* v63 stacked missionary picker */
.bj-stack-modal{
 background:transparent!important;
 pointer-events:none!important;
}
.bj-stack-modal .bj-action-dialog{
 position:fixed!important;
 width:178px!important;
 min-width:178px!important;
 max-width:178px!important;
 margin:0!important;
 padding:12px!important;
 border-radius:14px!important;
 box-shadow:0 12px 34px rgba(15,23,42,.28)!important;
 pointer-events:auto!important;
}
.bj-stack-modal .bj-action-dialog h3{
 margin:0 24px 5px 0!important;
 font-size:14px!important;
}
.bj-stack-modal #pieceModalText{
 margin:0 0 8px!important;
 font-size:11px!important;
 line-height:1.35!important;
}
.bj-piece-modal-choices{
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 gap:5px!important;
 margin:6px 0 9px!important;
}
.bj-stack-choice{
 display:block!important;
 width:38px;height:38px;
 cursor:pointer;
 position:relative;
}
.bj-stack-choice input{
 position:absolute;opacity:0;pointer-events:none;
}
.bj-stack-choice .bj-choice-stone{
 display:flex!important;
 align-items:center;justify-content:center;
 width:34px!important;height:34px!important;
 border-radius:50%!important;
 font-style:normal;font-weight:900;color:#fff;
 box-shadow:0 2px 5px rgba(0,0,0,.22);
 border:3px solid transparent;
 transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease;
}
.bj-stack-choice input:checked + .bj-choice-stone{
 transform:scale(1.12);
 border-color:#facc15!important;
 box-shadow:0 0 0 3px rgba(250,204,21,.24),0 3px 8px rgba(0,0,0,.25);
}
.bj-stack-modal #moveSelectedBtn{
 width:100%!important;
 min-height:36px!important;
 font-size:12px!important;
 padding:7px 8px!important;
}
.bj-stack-modal #keySellArea .bj-key-sell{
 font-size:10px!important;padding:5px 7px!important;margin-bottom:5px!important;
}

/* v63 immediate quiz answer feedback */
.bj-quiz-choices button.is-correct-answer{
 outline:3px solid rgba(22,163,74,.5)!important;
 box-shadow:inset 0 0 0 2px #16a34a!important;
}
.bj-quiz-choices button.is-wrong-answer{
 outline:3px solid rgba(220,38,38,.45)!important;
 box-shadow:inset 0 0 0 2px #dc2626!important;
}
.bj-correct-title{
 display:inline-block;
 font-size:21px!important;
 color:#15803d;
 margin-bottom:4px;
}


/* v65: deployed missionaries only — about 2/3 of previous board size.
   Waiting-room missionaries are intentionally untouched. */
.bj-go-piece.bj-board-missionary{
 width:16px!important;
 height:20px!important;
 min-width:16px!important;
 max-width:16px!important;
 padding:0!important;
 margin:0!important;
 border:0!important;
 background:transparent!important;
 overflow:visible!important;
}
.bj-go-piece.bj-board-missionary .bj-missionary-icon{
 width:16px!important;
 height:20px!important;
 transform:none!important;
}
.bj-go-piece.bj-board-missionary .bj-missionary-icon::before{
 width:8px!important;
 height:8px!important;
 left:4px!important;
 top:0!important;
 border:1px solid #111!important;
 box-sizing:border-box!important;
}
.bj-go-piece.bj-board-missionary .bj-missionary-icon::after{
 width:14px!important;
 height:14px!important;
 left:1px!important;
 bottom:0!important;
 border:1px solid #111!important;
 box-sizing:border-box!important;
}
.bj-go-piece.bj-board-missionary .bj-missionary-no{
 font-size:7px!important;
 line-height:1!important;
 font-weight:900!important;
 color:#fff!important;
 text-shadow:0 1px 1px #000!important;
}

/* Four-player missionary colors with thin black outline */
.bj-board-missionary.p1 .bj-missionary-icon::before,
.bj-board-missionary.p1 .bj-missionary-icon::after{background:#2563eb!important}
.bj-board-missionary.p2 .bj-missionary-icon::before,
.bj-board-missionary.p2 .bj-missionary-icon::after{background:#ef4444!important}
.bj-board-missionary.p3 .bj-missionary-icon::before,
.bj-board-missionary.p3 .bj-missionary-icon::after{background:#16a34a!important}
.bj-board-missionary.p4 .bj-missionary-icon::before,
.bj-board-missionary.p4 .bj-missionary-icon::after{background:#5b21b6!important}

/* Board facilities only — 2/3 size, center row.
   Waiting-room / other facility UI is not affected. */
.bj-facility-mark.bj-board-facility{
 width:19px!important;
 height:19px!important;
 min-width:19px!important;
 max-width:19px!important;
 padding:0!important;
 border-radius:5px!important;
 border:1px solid #111!important;
 transform:translate(-50%,-50%)!important;
 font-size:12px!important;
 line-height:18px!important;
 box-sizing:border-box!important;
 box-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
.bj-board-facility.p1{background:#2563eb!important;color:#fff!important}
.bj-board-facility.p2{background:#ef4444!important;color:#fff!important}
.bj-board-facility.p3{background:#16a34a!important;color:#fff!important}
.bj-board-facility.p4{background:#5b21b6!important;color:#fff!important}


/* v69: restore game-method button and modal */
.bj-game-help-btn{
 min-width:104px!important;
 height:42px!important;
 padding:0 15px!important;
 border-radius:12px!important;
 background:#fff!important;
 color:var(--bj-deep)!important;
 border:1px solid rgba(255,255,255,.62)!important;
 font-size:12px!important;
 font-weight:900!important;
 white-space:nowrap!important;
 cursor:pointer!important;
}
.bj-game-help-btn:hover{transform:translateY(-1px)}
.bj-game-help-dialog{
 width:min(560px,calc(100vw - 30px))!important;
 max-height:min(650px,82vh)!important;
 overflow:auto!important;
 padding:22px!important;
}
.bj-game-help-dialog h3{
 margin:0 0 16px!important;
 font-size:22px!important;
}
.bj-game-help-content{
 display:grid;
 gap:10px;
 text-align:left;
}
.bj-game-help-content p{
 margin:0!important;
 padding:11px 12px!important;
 border:1px solid var(--bj-line)!important;
 border-radius:11px!important;
 background:var(--bj-soft)!important;
 font-size:12px!important;
 line-height:1.65!important;
}
.bj-game-help-content b{font-size:13px!important;color:var(--bj-deep)!important}
.bj-game-help-dialog>#gameHelpOk{
 width:120px!important;
 margin:16px auto 0!important;
 display:flex!important;
 justify-content:center!important;
}
@media(max-width:700px){
 .bj-game-banner-actions{gap:6px!important}
 .bj-game-help-btn{min-width:88px!important;padding:0 10px!important}
}

.bj-power-badge{position:absolute!important;left:50%!important;top:-16px!important;transform:translateX(-50%)!important;z-index:12!important;width:22px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.bj-power-badge i{font-style:normal!important;font-size:20px!important;line-height:22px!important}
.bj-power-badge em{position:absolute!important;left:50%!important;top:11px!important;transform:translate(-50%,-50%)!important;min-width:11px!important;height:11px!important;padding:0 2px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#b42318!important;border:1px solid #7a1d12!important;font-size:7px!important;line-height:10px!important;font-weight:900!important;font-style:normal!important}


/* v84 — softer power-charge flame visual */
.bj-power-badge{
  filter:drop-shadow(0 .4px .55px rgba(0,0,0,.16))!important;
}
.bj-power-badge i{
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
.bj-power-badge em{
  border:.5px solid rgba(122,29,18,.58)!important;
  box-shadow:none!important;
}

/* v86 turn / presence panel */
.bj-yut-turn-notice{margin:10px 0 8px;padding:9px 10px;border-radius:11px;background:color-mix(in srgb,var(--bj-accent) 10%,var(--bj-card));border:1px solid var(--bj-line);color:var(--bj-ink);font-size:13px;font-weight:900;text-align:center}
.bj-yut-player-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}
.bj-yut-player-chip{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-radius:10px;border:1px solid var(--bj-line);background:var(--bj-card);opacity:.72}
.bj-yut-player-chip b{font-size:11px;color:var(--bj-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bj-yut-player-chip span{font-size:9px;color:var(--bj-muted)}
.bj-yut-player-chip.is-current{opacity:1;border:2px solid var(--bj-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--bj-accent) 12%,transparent)}
.bj-yut-player-chip.is-kicked{opacity:.45;text-decoration:line-through}
.bj-time-rule-notice{margin-top:8px;padding:7px 8px;border-radius:9px;background:var(--bj-soft);color:var(--bj-muted);font-size:9px;line-height:1.45;text-align:center}
html.bp-dark .bj-yut-turn-notice,body.bp-dark .bj-yut-turn-notice,html[data-theme="dark"] .bj-yut-turn-notice{background:#14283b;color:#edf6ff;border-color:#30495f}
html.bp-dark .bj-yut-player-chip,body.bp-dark .bj-yut-player-chip,html[data-theme="dark"] .bj-yut-player-chip{background:#122131;border-color:#2b4156}
html.bp-dark .bj-time-rule-notice,body.bp-dark .bj-time-rule-notice,html[data-theme="dark"] .bj-time-rule-notice{background:#0f1e2d;color:#aab9c8}

.bj-player-presence{display:block!important;font-weight:800;color:var(--bj-accent)!important}.bj-game-player.is-kicked{opacity:.5}


/* =========================================================
   v87 — right column priority: Yut -> Live Chat -> collapsible guides
   ========================================================= */
.bj-game-right{
    align-content:start!important;
}
.bj-priority-chat{
    margin:0!important;
    min-height:0!important;
}
.bj-priority-chat .bp-online-chat__messages{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
    overflow-y:auto!important;
}
.bj-priority-chat .bp-online-chat__form{
    flex:0 0 auto!important;
}
.bj-collapsible-panel{
    overflow:hidden!important;
}
.bj-collapse-toggle{
    width:100%!important;
    border:0!important;
    cursor:pointer!important;
    text-align:left!important;
    font-family:inherit!important;
    align-items:center!important;
}
.bj-collapse-toggle .bj-collapse-state{
    margin-left:auto!important;
    font-size:10px!important;
    font-weight:800!important;
    opacity:.86;
    white-space:nowrap!important;
}
.bj-collapse-body{
    display:block;
}
.bj-collapsible-panel.is-collapsed .bj-collapse-body{
    display:none!important;
}
.bj-collapsible-panel.is-collapsed .bj-collapse-toggle{
    border-radius:13px!important;
}
html.bp-dark .bj-collapse-toggle,
body.bp-dark .bj-collapse-toggle,
html[data-theme="dark"] .bj-collapse-toggle{
    color:#fff!important;
}
@media(max-width:1360px){
    .bj-priority-chat .bp-online-chat__messages{
        height:210px!important;
        min-height:210px!important;
        max-height:210px!important;
    }
}
@media(max-width:1000px){
    .bj-priority-chat .bp-online-chat__messages{
        height:260px!important;
        min-height:260px!important;
        max-height:260px!important;
    }
}