/* Second beta pass: room-first Dragon Ball anime presentation. */
body.beta-client{--beta-line:#3b4b50;--room-gold:#f3ce87;--room-teal:#7cddc1}
.beta-client #client-toolbar{background:#101c27;border-bottom:1px solid #344047;min-height:45px;padding:6px 14px}
.beta-client #client-title{letter-spacing:.8px;font-weight:700}.beta-label{color:#e8c080;background:#e8bb5410}
.beta-client #toolbar-right>.toolbar-btn{display:none!important}.beta-client #toolbar-right>#btn-characters,.beta-client #toolbar-right>#btn-reconnect{display:inline-flex!important;align-items:center;justify-content:center;min-height:34px}
.beta-client #automations-wrap{display:block!important}.beta-client #automations-menu{z-index:100;right:0;left:auto;max-height:65vh;overflow:auto}.beta-client #connection-status{font-size:10px}
#beta-navigation{overflow:visible;position:relative;z-index:15;gap:4px;padding:5px 14px;background:#162630;align-items:center}
#beta-navigation>button,#beta-character-menu>summary{min-height:38px;padding:9px 18px;font-size:12px;line-height:18px;letter-spacing:.15px;font-weight:550}
#beta-character-menu{position:relative}#beta-character-menu>summary{cursor:pointer;list-style:none;color:#bdcacc;border-radius:7px}#beta-character-menu[open]>summary{color:#f6d393;background:#394438}#beta-character-menu>div{position:absolute;top:calc(100% + 7px);left:0;min-width:205px;padding:7px;background:#1b2c37;border:1px solid #607169;border-radius:10px;box-shadow:0 15px 40px #0008;display:grid;gap:3px}#beta-character-menu>div button{text-align:left;width:100%;padding:12px}
#beta-navigation button[data-view=output],#beta-navigation button[data-view=chat],#beta-navigation button[data-view=map]{order:initial}
#beta-room-host{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden}#br-room{display:flex;flex:1;min-height:0;flex-direction:column;overflow:auto;background:#152731}
.br-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 21px;background:linear-gradient(105deg,#233c40,#1b2b36);flex-shrink:0;border-bottom:1px solid #5c706250}
#br-zone{font-size:9px;letter-spacing:2px;color:#bdd0bd;text-transform:uppercase}#br-name{font:500 25px/1.25 Georgia,serif;color:#f6e5c1;margin:5px 0 3px!important}#br-meta{color:#a9bcbc;font-size:11px;margin:0;line-height:1.5}
#br-map,.br-room-actions button,#br-travel button,#br-selection button,.br-feed-heading button,#br-expand-list{min-height:34px;border:1px solid #57706970;background:#273e46;color:#d6e0d6;padding:7px 11px;border-radius:6px;font-size:11px;cursor:pointer}#br-map{flex-shrink:0;color:#efd4a0;background:#344943;border-color:#a2926550}
#br-scene{position:relative;min-height:260px;flex:1 0 310px;max-height:540px;overflow:hidden;background:radial-gradient(ellipse at center,#376053,#172c34 75%);isolation:isolate}
#br-canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none}.br-light{position:absolute;inset:0;background:linear-gradient(130deg,#ffe8a51f,transparent 40%,#071e3025);pointer-events:none;box-shadow:inset 0 0 40px #0b1a2538}
#br-art-note{position:absolute;bottom:6px;right:10px;color:#fff6dbb5;background:#11272e8c;padding:4px 7px;border-radius:4px;font-size:8px;letter-spacing:.3px;pointer-events:none}
.br-actor{position:absolute;transform:translate(-50%,-65%);border:0;background:none;padding:0;display:flex;align-items:center;flex-direction:column;gap:3px;max-width:135px;cursor:pointer;z-index:2;filter:drop-shadow(0 6px 4px #00100b60)}
.br-actor .br-portrait{width:55px;height:55px;border-radius:50%;border:2px solid #93caaa;box-shadow:0 0 0 4px #192c4166}.br-actor.player .br-portrait{border-color:#73cceb}.br-actor.self{pointer-events:none}.br-actor.self .br-portrait{width:68px;height:68px;border:2px solid #fada95;box-shadow:0 0 0 4px #704e205c,0 0 25px #fff1aa40}
.br-actor>span:last-child{font:600 10px/1.3 system-ui;background:#122431ed;color:#e9eee2;padding:4px 8px;border:1px solid #66888480;border-radius:5px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-actor.self>span:last-child{color:#ffe2a0;border-color:#dcc68a90}.br-actor.fighting .br-portrait{border-color:#f27865}.br-actor.item .br-object-icon{background:#27493c;border:2px solid #d9d78b;box-shadow:0 3px 14px #0007;width:38px;height:38px;font-size:30px}
.br-exit{position:absolute;z-index:3;background:#173d30eb;color:#ddffdb;border:1px solid #a2d789;box-shadow:0 3px 10px #0a201666,0 0 13px #9ae07925;min-height:32px;min-width:44px;border-radius:6px;font-size:11px;padding:6px 10px;font-weight:650}.br-exit:disabled{opacity:.5}.br-exit.closed{background:#4a331bea;border-color:#dfb576;color:#ffe0a0}
.br-dir-0{top:12px;left:50%;transform:translateX(-50%)}.br-dir-1{right:10px;top:50%;transform:translateY(-50%)}.br-dir-2{bottom:12px;left:50%;transform:translateX(-50%)}.br-dir-3{left:10px;top:50%;transform:translateY(-50%)}.br-dir-4{left:12px;top:12px}.br-dir-5{right:12px;top:12px}
#br-context{flex-shrink:0;background:#142630;border-top:1px solid #5c766360}.br-room-actions{display:flex;align-items:center;gap:5px;padding:9px 15px;flex-wrap:wrap}.br-room-actions button.suggested{color:#ffdea0;background:#5c4d2b;border-color:#b79c56}#br-walking{font-size:10px;color:#efd39a;flex:1;min-width:0}#br-stop{background:#633e32;color:#ffe3c4}
#br-travel{padding:0 15px 12px}#br-travel p{font-size:12px;color:#bacccc;line-height:1.6}#br-travel-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}#br-travel-form label{font-size:11px}#br-travel-command,#br-target{min-width:80px;flex:1;background:#10212d;color:#e9ead9;border:1px solid #586e70;border-radius:5px;padding:9px;font-size:13px}#br-travel-hints,.br-travel-buttons{display:flex;gap:5px;margin:7px 0}
#br-description{border-top:1px solid #304651;padding:8px 15px;color:#cdd7d1}#br-description summary{font-size:12px;cursor:pointer;padding:3px 0}#br-desc-state{font-size:10px;color:#9ab0ad;margin-left:8px}#br-description-text{font-size:13px;line-height:1.75;color:#d7dfd5;margin:10px 0 4px;max-height:150px;overflow:auto;white-space:pre-wrap}
#br-occupants{padding:8px 15px 12px;border-top:1px solid #304651}.br-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:7px}.br-section-heading h2{font:600 12px system-ui;color:#dbe3d5;margin:0}.br-section-heading>span{font-size:10px;color:#97b6b5;flex:1}#br-expand-list{min-height:28px;font-size:10px;padding:4px 7px}#br-roster{display:flex;gap:7px;overflow:auto;max-height:80px}#br-roster.expanded{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));max-height:250px}.br-entity{display:flex;gap:8px;align-items:center;text-align:left;flex:0 0 auto;max-width:240px;min-width:125px;min-height:49px;padding:7px 10px;border-radius:7px;border:1px solid #425a60;background:#203740;color:#e0e4d6}.br-entity>span{min-width:0}.br-entity strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-entity small{font-size:8px;color:#aec6be;letter-spacing:1px}.br-entity.player{border-color:#5794a2}.br-entity.item{border-color:#817955}.br-entity.fighting{border-color:#c46a52}.br-portrait{width:32px;height:32px;flex-shrink:0;border-radius:7px}.br-object-icon{width:30px;height:30px;display:grid;place-items:center;color:#efd48c;font-size:24px;border-radius:7px;flex-shrink:0}.br-empty{color:#9db3b5;font-size:12px;margin:5px 0}
#br-selection{position:relative;padding:12px 16px;background:#253d43;border-top:1px solid #879675}#br-selection-name{display:block;color:#f5dfb3;font-size:14px;padding-right:30px}#br-selection-detail{font-size:10px;color:#bdcebe}#br-selection-close{position:absolute;right:8px;top:7px;font-size:18px}.br-target-row{display:flex;gap:5px;align-items:center;margin:8px 0;flex-wrap:wrap}.br-target-row label{font-size:11px}#br-target{width:100px}#br-target-note{font-size:10px;color:#abc0bc}
#br-live{flex-shrink:0;min-height:100px;background:#0d1a25;border-top:1px solid #4c655e;display:flex;flex-direction:column}.br-feed-heading{display:flex;align-items:center;gap:7px;padding:6px 12px;background:#1c3038}.br-feed-heading strong{font-size:10px;color:#d5decd}.br-feed-heading>span{font-size:9px;color:#d9ba8b;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.br-feed-heading button{padding:4px 7px;min-height:26px;font-size:10px}#br-feed{height:95px;overflow:auto;padding:7px 13px;overscroll-behavior:contain;font:12px/1.6 ui-monospace,monospace;color:#f1f1f1;scrollbar-width:thin}#br-live.expanded #br-feed{height:230px}.br-event{overflow-wrap:anywhere}.br-event.combat{color:#f5c287}.br-event.warning{color:#f4a994}
#br-combat{display:flex;align-items:center;gap:9px;background:#46282c;padding:7px 13px;border-top:1px solid #a8614e;color:#ffd2b5;font-size:12px}#br-opponent{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}#br-opponent-hp{flex:1;height:14px;accent-color:#eb7860}#br-flee{background:#864e36;border:1px solid #b68459;color:#fff0c9;border-radius:5px;padding:5px 12px}body.beta-in-combat #br-feed{height:155px}body.beta-in-combat #br-live.expanded #br-feed{height:260px}
.beta-client #beta-ticker{display:none}.beta-client .dir-btn{background:#12212c;color:#617278;border-color:#293e48;opacity:1}.beta-client .dir-btn.available{background:linear-gradient(#436542,#2e503c);color:#f1ffd5;border-color:#92b275;box-shadow:inset 0 1px #dfffbb26}.beta-client .dir-btn.is-closed{background:#493a25;color:#e9bd77;border-color:#9e7948}.beta-client .dir-btn:disabled{background:#101e29;color:#4f626b;border-color:#243740;cursor:default}.beta-client .dir-btn.available:hover{background:#4c7146}.beta-client #quick-actions{display:none!important}.beta-client #action-bar{grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:9px 12px}.beta-client #mobile-dir-bar{grid-row:1 / 3!important;align-items:center;gap:5px}.beta-client .dir-btn{min-height:42px}.beta-client #command-bar{grid-column:2!important;grid-row:2!important}.beta-client #vitals-bar{grid-column:2!important;grid-row:1!important}
body.beta-client [hidden]{display:none!important}
@media(max-width:768px){
 .beta-client #client-toolbar{min-height:42px;padding:5px 8px}.beta-client #btn-characters{min-width:32px}.beta-client #toolbar-right{flex:1;justify-content:flex-end}#beta-navigation{padding:3px 5px;gap:0;justify-content:space-between}#beta-navigation>button,#beta-character-menu>summary{font-size:11px;padding:8px 9px;min-height:38px}#beta-character-menu>div{left:auto;right:-45px}#beta-navigation>button{order:initial!important}
 .br-heading{padding:11px 13px;gap:7px}#br-name{font-size:21px}#br-zone{font-size:8px;letter-spacing:1.4px}#br-meta{font-size:10px}#br-map{font-size:10px;padding:7px;min-height:34px}#br-scene{min-height:215px;flex:1 0 235px;max-height:320px}#br-art-note{font-size:7px}
 .br-actor .br-portrait{width:40px;height:40px}.br-actor.self .br-portrait{width:51px;height:51px}.br-actor>span:last-child{font-size:9px;max-width:95px;padding:3px 5px}.br-exit{font-size:10px;min-height:34px;padding:6px 8px}.br-room-actions{padding:7px 9px;gap:4px}.br-room-actions button{font-size:10px;min-height:35px;padding:7px 9px}#br-walking:empty{display:none}#br-walking:not(:empty){flex-basis:100%}#br-description{padding:7px 10px}#br-description summary{font-size:11px}#br-occupants{padding:7px 9px 9px}.br-section-heading{gap:5px;margin-bottom:5px}.br-section-heading h2{font-size:11px}.br-section-heading>span{font-size:9px}#br-roster{max-height:58px}.br-entity{padding:5px 7px;min-height:43px;max-width:205px}.br-entity strong{font-size:11px}.br-portrait{width:29px;height:29px}
 #br-live{min-height:82px}.br-feed-heading{padding:4px 8px}.br-feed-heading strong{font-size:9px}#br-feed{height:68px;padding:5px 9px;font-size:11px;line-height:1.5}#br-live.expanded #br-feed{height:180px}body.beta-in-combat #br-feed{height:110px}.br-feed-heading button{font-size:9px;padding:4px 6px}.br-feed-heading>span{font-size:8px}#br-combat{padding:5px 9px;font-size:11px}
 .beta-client #action-bar{display:flex;flex-direction:column;padding:5px 7px max(5px,env(safe-area-inset-bottom));gap:4px}.beta-client #mobile-dir-bar{width:100%;margin:0}.beta-client .dir-btn{min-height:38px}.beta-client #vitals-bar{width:100%;display:flex!important}.beta-client .vital-value{font-size:9px}.beta-client #command-bar{width:100%}#beta-compose{width:69px}
}
@media(max-height:560px){#br-scene{min-height:180px;flex-basis:180px}.br-heading{padding:7px 12px}#br-name{font-size:18px}#br-live{min-height:65px}#br-feed{height:45px}.br-feed-heading{padding-top:3px;padding-bottom:3px}.beta-client #vitals-bar{display:flex!important}#br-room{overflow:auto}body.beta-in-combat #br-feed{height:75px}}
#beta-chat-bubbles{position:absolute;top:12px;right:12px;z-index:22;width:min(320px,calc(100% - 24px));display:flex;flex-direction:column;gap:7px;pointer-events:none}.beta-chat-bubble{pointer-events:auto;display:grid;grid-template-columns:auto 1fr;gap:4px 9px;text-align:left;border:1px solid #88a69b99;border-radius:12px 12px 3px 12px;background:#142d3af5;color:#d9e7df;box-shadow:0 8px 30px #06101866;padding:12px 14px;cursor:pointer;backdrop-filter:blur(12px)}.beta-chat-bubble strong{font-size:10px;color:#f2d39b;grid-column:1}.beta-chat-bubble span{grid-column:1 / -1;font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.beta-chat-bubble small{grid-column:2;grid-row:1;text-align:right;font-size:9px;color:#95b2b3}
@media(max-width:768px){#beta-chat-bubbles{top:8px;right:8px;width:min(285px,calc(100% - 16px))}.beta-chat-bubble{padding:9px 12px}.beta-chat-bubble span{font-size:11px}}
#br-name:after{display:none!important}#br-name{letter-spacing:0!important;font:600 23px/1.25 system-ui!important}#br-scene{flex:1 1 310px;min-height:185px}#br-room{overflow:auto}
@media(max-width:768px){#br-scene{flex:1 1 220px;min-height:175px}#br-name{font-size:19px!important}#beta-navigation>button,#beta-character-menu>summary{padding:8px 7px;font-size:10px}#beta-navigation{gap:0;padding:3px 4px}#beta-navigation span:not(:empty){margin-left:2px;font-size:8px;padding:1px 4px}.br-heading{padding:10px 12px}#br-meta{line-height:1.3}.br-section-heading{flex-wrap:wrap}#br-roster{min-height:47px}.br-room-actions{padding:6px 8px}.br-room-actions button{font-size:9px;padding:6px 7px;min-height:33px}#br-description{padding:5px 10px}.br-actor{transform:translate(-50%,-55%)}.br-actor .br-portrait{width:34px;height:34px}.br-actor.self .br-portrait{width:45px;height:45px}}
@media(max-width:350px){#beta-navigation>button,#beta-character-menu>summary{padding:8px 5px;font-size:10px}#br-map{font-size:9px}#br-counts{font-size:8px}.br-room-actions{gap:3px}.br-room-actions button{padding:6px}.br-actor>span:last-child{max-width:80px;font-size:8px}}
.br-role-avatar{display:grid;place-items:center;background:linear-gradient(#47706e,#25424c);font:24px system-ui;color:#d0e6c9}.br-entity.player .br-role-avatar,.br-actor.player .br-role-avatar{background:linear-gradient(#417283,#243b57);color:#a9e4f1}.br-actor .br-role-avatar{font-size:30px}img.br-portrait{object-fit:cover;object-position:50% 28%}.beta-client #font-size-label{display:none!important}#br-name{border:0!important;padding:0!important;background:none!important;box-shadow:none!important}#br-meta{border:0!important}#bm-stop-walk{background:#704a33;color:#ffe1ae;border-color:#bba16c}body.beta-walking #bm-canvas{cursor:progress}
.bm-toolbar{position:relative}#bm-options{position:static}#bm-options>div{top:calc(100% + 2px)!important;right:8px;max-width:calc(100% - 16px);z-index:35}
.beta-client #game-area{z-index:0}.beta-client #client-toolbar{position:relative;z-index:25}#beta-navigation{z-index:20}
#br-preview-banner{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 12px;background:#5d472b;color:#ffe2a8;flex-shrink:0;font-size:10px;border-bottom:1px solid #bda270}#br-preview-banner select,#br-preview-banner button{background:#283d42;border:1px solid #a9ad83;color:#f7e1b6;border-radius:5px;padding:7px;font-size:11px;min-height:32px}#br-preview-banner span{max-width:220px}.beta-client #profile-screen #beta-preview-btn{font-size:11px;background:#263d44;color:#cbd9cf;margin-bottom:14px}.beta-client #profile-screen #beta-room-preview-btn{font-size:13px;margin-bottom:8px}
@media(max-width:768px){#br-preview-banner{padding:6px 8px;gap:5px;font-size:8px}#br-preview-banner select,#br-preview-banner button{font-size:10px;padding:6px}#br-preview-banner span{max-width:115px}}
.beta-client .vital-value{display:block!important}.beta-client #command-input{letter-spacing:normal!important;font-family:system-ui!important}#br-name{border-bottom:0!important}#br-name::before{display:none!important}.br-role-avatar{box-sizing:border-box}
@media(max-width:768px){.beta-client .vital-value{font-size:9px!important;line-height:13px;color:#fff5d9;text-shadow:0 1px 2px #001600}.br-target-row input,#br-travel-command{font-size:16px}}
.br-character-sprite{width:85px;height:127px;object-fit:contain;filter:drop-shadow(2px 7px 3px #193c3055);position:relative;z-index:1}.br-actor.self{transform:translate(-50%,-78%);filter:none}.br-actor.self:before{content:'';position:absolute;bottom:21px;left:50%;transform:translateX(-50%);width:57px;height:16px;border:1px solid #fff0a99c;border-radius:50%;background:#15332948;box-shadow:0 0 11px #ffe4a050}.br-item-sprite{width:48px;height:53px;filter:drop-shadow(0 5px 3px #122a2266)}.br-actor.item{filter:none}
@media(max-width:768px){.br-character-sprite{width:66px;height:99px}.br-actor.self:before{width:40px;height:11px;bottom:18px}.br-item-sprite{width:35px;height:39px}.br-actor.self{transform:translate(-50%,-72%)}}
#br-live.expanded #br-feed{max-height:calc(var(--beta-height) * .35)}