@font-face{font-family:CampPixel;src:url('../assets/camp/pixel-b/fusion-pixel.woff2') format('woff2');font-display:swap}
#screen-lobby.pixel-b{background:#020810;padding:0;overflow:hidden;align-items:center;isolation:isolate}
#screen-lobby.pixel-b:before,#screen-lobby.pixel-b:after{display:none}
.pixel-b>.lobby-head,.pixel-b>.lobby-foot,.pixel-b #camp-hero-stage,.pixel-b #camp-npcs,.pixel-b #camp-scene-fx,.pixel-b #camp-nav,.pixel-b .level-line{display:none!important}
#pixel-camp{position:absolute;inset:0;margin:auto;width:min(100%,480px);color:#efdfbd;font:12px/1.6 CampPixel,monospace;background:#061323;overflow:hidden;z-index:2}
#pixel-camp *{box-sizing:border-box}#pixel-camp button{font:inherit;color:inherit;border:0;border-radius:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:none;min-height:44px;padding:6px}
#pixel-camp button:focus-visible{outline:2px solid #ffdf99;outline-offset:-2px}#pixel-camp [hidden]{display:none!important}#pixel-camp svg{width:24px;height:24px;flex:none;image-rendering:pixelated}
#pixel-camp[data-lang=en] .pb-header h1{font-size:18px;line-height:2}#pixel-camp .claim-nudge{position:static;width:100%;font:12px/1.7 system-ui;background:transparent;color:#c6bdab;padding:4px}
.pb-content{position:absolute;inset:0}.pb-scene{position:absolute;inset:0 0 auto;overflow:hidden}.pb-scene-art{position:absolute;max-width:none;image-rendering:pixelated;pointer-events:none}
.pb-header{position:absolute;inset:0 0 auto;z-index:3;height:100px;padding:12px 16px;display:flex;justify-content:space-between;gap:8px;background:linear-gradient(#031221c9,transparent);pointer-events:none}.pb-header small{font-size:10px;letter-spacing:2px;color:#dac49d}.pb-header h1{font:24px/1.5 CampPixel;margin:0;white-space:nowrap;text-shadow:2px 2px #06101c}.pb-header>div>i{display:block;border-bottom:1px solid #a2885e;width:140px;margin-top:5px}
.pb-wallet{max-width:46%;text-align:right;pointer-events:auto}.pb-wallet>div{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:18px;background:#05101ccc;padding:1px 5px}.pb-wallet b{font-weight:400}.pb-wallet svg{width:18px!important;height:18px!important}.pb-account-toggle{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:11px!important;white-space:nowrap;width:100%}.pb-account-toggle svg{width:16px!important}.pb-account{position:absolute;right:10px;top:92px;z-index:6;width:220px;padding:15px;display:flex;gap:12px;flex-wrap:wrap;background:#0b1c2ff5;border:1px solid #896f43}.pb-account select{width:100%;min-height:44px;background:#10243a;color:#e7d4b2}
#pixel-camp .pb-hot{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:18px;text-shadow:2px 2px #020709,0 0 5px #000;min-width:64px}.pb-hot svg{width:12px!important;height:12px!important}.pb-hot:hover{filter:brightness(1.2)}.pb-hot:active{padding-top:10px!important}
.pb-hero{position:absolute;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 4px 3px #02060bcc)}.pb-pet{position:absolute;transform:translate(-50%,-100%);width:56px;height:56px;image-rendering:pixelated;object-fit:contain}
.pb-footer{position:absolute;inset:auto 0 0;z-index:3;height:23%;min-height:190px;max-height:222px;padding:10px 24px max(8px,env(safe-area-inset-bottom));background:linear-gradient(105deg,#091a2bfc,#04101cfc 70%);box-shadow:0 -2px #34475d,0 -3px #06101c}
#pixel-camp .pb-status{display:flex;align-items:center;gap:14px;padding:0 3px;width:100%;text-align:left;height:42px}.pb-status>svg{width:38px!important;height:38px!important}.pb-status>span{flex:1}.pb-status b{font-weight:400;font-size:18px;letter-spacing:2px}.pb-status [data-pb-value=level]{margin-left:16px;border-left:1px solid #4c5360;padding-left:14px}.pb-xp{display:block;height:5px;background:#26384c;position:relative;margin-top:4px}.pb-xp i{position:absolute;inset:0 auto 0 0;background:#cf9c51;min-width:2px}
#pixel-camp .pb-depart{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:54px;margin-top:9px;font-size:24px;text-shadow:2px 2px #653b1c;isolation:isolate;background:#654023;overflow:hidden;box-shadow:inset 0 2px #ffe4a6,inset 0 -4px #6c3b1f,inset 2px 0 #edbd6c,inset -2px 0 #ad7037}
.pb-depart:before{content:'';position:absolute;inset:0;z-index:-1;background-image:url('../assets/camp/pixel-b/controls.png');background-size:105.08% 259.5%;background-position:50.48% 11.91%;image-rendering:pixelated}.pb-depart svg{width:30px!important;height:30px!important}.pb-depart:active{transform:translateY(2px);filter:brightness(.9)}.pb-footer nav{display:grid;grid-template-columns:repeat(3,1fr);height:60px;margin-top:7px}.pb-footer nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;font-size:12px}.pb-footer nav button+button{border-left:1px solid #304559!important}.pb-footer nav svg{width:29px!important;height:29px!important}
.pb-more{position:absolute;right:14px;bottom:210px;z-index:8;width:210px;background:#102238f5;border:1px solid #896f43;padding:10px;display:flex;flex-direction:column;gap:5px}.pb-more button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.pb-backdrop{position:absolute!important;inset:0;z-index:20;background:#020812b9!important;width:100%;height:100%}.pb-back{position:absolute;top:15px;left:15px;z-index:30;background:#112b43!important;border:1px solid #826b43!important;padding:8px 15px!important}
.pixel-b>.camp-layout{position:absolute!important;z-index:25!important;bottom:0!important;top:auto!important;left:50%!important;transform:translateX(-50%);width:min(100%,480px)!important;height:min(78%,720px)!important;min-height:0!important;padding:0!important;display:block!important;background:#091725!important;box-shadow:0 -2px #896e42}
.pixel-b>.camp-layout.scene-mode{display:none!important}.pixel-b .camp-workspace{height:100%!important;min-height:0!important;background:#091725;padding:0!important}.pixel-b .lobby-scroll{height:100%!important;overflow:auto!important;padding:16px!important;min-height:0!important}.pixel-b .camp-view-head{background:none}.pixel-b .camp-view{max-width:100%}.pixel-b #camp-depart{z-index:40}
@media(max-width:360px){.pb-header{padding:10px}.pb-header h1{font-size:20px}.pb-wallet>div{gap:5px;font-size:16px}.pb-footer{padding-left:16px;padding-right:16px}#pixel-camp .pb-hot{font-size:16px}}

/* UI-only revision: native actors, consistent sheets and tactile controls. */
.pb-status>img{width:38px;height:42px;object-fit:contain;image-rendering:pixelated;flex:none}
.pb-hero{filter:none}.pb-back{display:none!important}
.pixel-b .pb-panel-close{position:absolute;top:12px;right:12px;z-index:6;display:grid;place-items:center;width:44px;height:44px;background:#14283b;color:#e7d4ad;border:1px solid #536375;box-shadow:inset 0 1px #8492a633,0 2px #020a12;cursor:pointer}
.pb-panel-close svg{width:22px;height:22px}.pb-panel-close:hover{border-color:#c5a365}.pb-panel-close:active{transform:translateY(1px);background:#0c1e30}
.pixel-b .camp-view-head{padding:2px 48px 15px 0;margin:0 0 18px;border-bottom:1px solid #34485c}.pixel-b .camp-view-head h2{font:24px/1.5 CampPixel,monospace;color:#f0ddb6}.pixel-b .camp-kicker{font:10px/1.6 CampPixel,monospace;color:#b69860;letter-spacing:2px}.pixel-b .camp-view-note{color:#94a7b7;font-size:12px;line-height:1.6}
.pixel-b .panel{background:#0b1b2c;border:1px solid #33475a;box-shadow:inset 0 1px #879aab10;border-radius:0;padding:14px}.pixel-b .panel-title{color:#dcc99f;font-size:14px;margin-bottom:12px}.pixel-b .panel-title .dim{display:block;color:#93a7b8;font-size:11px;font-weight:400;line-height:1.8;margin-top:5px}
.pixel-b .camp-roster-lead{background:#0d2033;border:1px solid #344a60;border-radius:0}.pixel-b .camp-gear-grid{grid-template-columns:1fr}
.pixel-b #class-tabs{gap:6px;padding-bottom:10px}.pixel-b .class-tab{border-radius:0;background:#0e2336;border:1px solid #344c62;padding:9px 11px;min-height:38px;color:#b9c7d0}.pixel-b .class-tab.on{background:#3b3020;color:#f3dbab;border-color:#aa884c}
.pixel-b #class-row{gap:10px;padding:3px 1px 14px}.pixel-b #class-row .class-card{flex-basis:142px;border:1px solid #3a4e62;border-radius:0;background:#101f30;padding:13px 10px 24px;box-shadow:inset 0 1px #73859b20}.pixel-b #class-row .class-card.sel{border:2px solid #b39559;background:#2b2a25;padding:12px 9px 23px;box-shadow:inset 0 2px #ddc18c30}.pixel-b .class-card .cname{font-size:15px;color:#f0dcb7;margin:6px 0}.pixel-b .class-card .cdesc{font-size:11px;line-height:1.7;color:#aebac4}.pixel-b .class-card:focus-visible,.pixel-b .class-tab:focus-visible{outline:2px solid #ffe0a0;outline-offset:-4px}
.pixel-b .mini-btn,.pixel-b .btn{border-radius:0;border-image:none!important;min-height:40px;border:1px solid #526174;background:linear-gradient(#20364c,#14283b);box-shadow:inset 0 1px #91a5b533,0 2px #030c15;color:#ecddbf;text-shadow:none}.pixel-b .mini-btn:active,.pixel-b .btn:active{transform:translateY(1px);background:#0c1e30;box-shadow:inset 0 1px #0008}
.pixel-b .camp-depart-box{background:#0a1b2b;border:1px solid #776343;box-shadow:0 -2px #b59a6733,0 20px 70px #000b;border-radius:0}.pixel-b .camp-depart-head{background:#102338;border-bottom:1px solid #3b4d5f;padding:18px}.pixel-b .camp-depart-head h2{font:24px/1.3 CampPixel,monospace;color:#eddbb8}.pixel-b .camp-depart-body{padding:16px}.pixel-b .camp-depart-foot{background:#071522;border-top:1px solid #34485b;padding:14px 16px}.pixel-b #btn-depart-go{background:linear-gradient(#c48c42,#986026);border:2px solid #e0b873;box-shadow:inset 0 1px #ffdda0,0 3px #4e301b;color:#fff1d4;min-height:50px;font-size:18px}
.pixel-b .camp-ready-brief,.pixel-b .camp-step{background:#0d2235;border:1px solid #3a4e62;border-radius:0}.pixel-b .camp-step{min-height:66px}.pixel-b .camp-step:hover{border-color:#a88a55;background:#162d42}
.pixel-camp-active .modal-box{border-radius:0;background:#0b1c2d;border-color:#6f624b}.pixel-camp-active .hub-tabs button{border-radius:0}
@media(max-width:360px){.pixel-b .lobby-scroll{padding:13px!important}.pixel-b .camp-view-head h2{font-size:21px}.pixel-b #class-row .class-card{flex-basis:132px}.pb-wallet{max-width:47%}}

#screen-lobby.pixel-b .cls-tab{min-height:40px;border-radius:0;padding:8px 12px;background:#0e2336;color:#b9c7d0;border:1px solid #344c62;box-shadow:inset 0 1px #9aabba15}
#screen-lobby.pixel-b .cls-tab.on{border-color:#b29458;color:#f0d9a7;background:#3b3020;box-shadow:inset 0 1px #f0d6a223}
#screen-lobby.pixel-b .skill-chip{border-radius:0;background:#11263a;border:1px solid #3d5269;color:#d4dce0;box-shadow:inset 0 1px #8094a41c}
#screen-lobby.pixel-b .support-pill{border-radius:0;border:1px solid #5b6370;background:#182d41;color:#e0d7bf}
#screen-lobby.pixel-b .support-pill .dim{color:#9cb0c0}

#pixel-camp .pb-hero-hit{position:absolute;z-index:1;background:transparent;border:0;min-height:44px;padding:0}#pixel-camp .pb-hero-hit:focus-visible{outline:1px solid #d7b777;outline-offset:2px}

#screen-lobby.pixel-b .camp-mission-board{background:#0d2032;border:1px solid #3b5267;border-image:none!important;border-radius:0;box-shadow:inset 0 1px #9aabba15;padding:14px}
#screen-lobby.pixel-b .camp-hero-brief{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:0 0 14px;border-bottom:1px solid #3b4b59;margin-bottom:14px}
#screen-lobby.pixel-b .camp-hero-portrait{width:44px;height:52px;border:0;background:#081421;border-radius:0}#screen-lobby.pixel-b .camp-hero-portrait img{width:44px;height:52px;image-rendering:pixelated}
#screen-lobby.pixel-b .camp-hero-copy strong{font-size:17px}#screen-lobby.pixel-b .camp-hero-copy small,#screen-lobby.pixel-b .camp-hero-copy>span{font-size:11px;line-height:1.6;color:#a7b7c3}
#screen-lobby.pixel-b #camp-edit-hero{grid-column:auto;justify-self:end;min-width:86px;min-height:42px;font-size:12px;padding:6px 9px}
#screen-lobby.pixel-b .camp-stage{background:linear-gradient(110deg,#172e43,#0e2133);border:1px solid #43596c;border-radius:0;min-height:66px;box-shadow:inset 0 1px #8eabbd1c;padding:12px 10px;gap:12px}
#screen-lobby.pixel-b .camp-stage:hover{border-color:#b79a61;background:#1b3449}#screen-lobby.pixel-b .camp-stage:active{transform:translateY(1px);background:#0b1b2b}
#screen-lobby.pixel-b .camp-stage-step{border-radius:0;width:28px;height:30px;font-size:12px}#screen-lobby.pixel-b .camp-stage-copy small{font-size:11px;color:#a0b2c0}#screen-lobby.pixel-b .camp-stage-copy b{font-size:16px;color:#efdfbf}#screen-lobby.pixel-b .camp-stage-edit{font-size:11px;color:#b7c1c4;white-space:nowrap}
#screen-lobby.pixel-b .camp-advanced{border-radius:0;background:#0f2235;border:1px solid #354d63}#screen-lobby.pixel-b .camp-advanced summary{padding:13px 12px;font-size:13px}
#screen-lobby.pixel-b #camp-depart-close{border-radius:0;width:44px;height:44px;background:#172b3e;color:#ead6ac;border:1px solid #526579}
#screen-lobby.pixel-b .camp-depart-foot{display:block}#screen-lobby.pixel-b .camp-ready-status{display:none}
#screen-lobby.pixel-b #btn-depart-go{position:relative;isolation:isolate;display:block;width:100%;min-width:0;min-height:54px;border:0;background:#5b371f;box-shadow:none;text-shadow:1px 2px #613d20;font-family:CampPixel,monospace;font-size:24px;border-image:none!important}
#screen-lobby.pixel-b #btn-depart-go:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('../assets/camp/pixel-b/controls.png');background-size:105.08% 259.5%;background-position:50.48% 11.91%;image-rendering:pixelated;opacity:1;border:0}
#screen-lobby.pixel-b #btn-depart-go:active{transform:translateY(2px);filter:brightness(.9)}

#screen-lobby.pixel-b .camp-layout .mini-btn,#screen-lobby.pixel-b #pixel-camp .mini-btn,#screen-lobby.pixel-b #pixel-camp .pb-more .btn,#screen-lobby.pixel-b #camp-edit-hero{border-radius:0;border:1px solid #51677c;border-image:none!important;background:linear-gradient(#213a50,#132a3e);color:#ecddbb;box-shadow:inset 0 1px #95abba26,0 2px #020b14}
#screen-lobby.pixel-b .camp-layout .mini-btn:before,#screen-lobby.pixel-b #pixel-camp .mini-btn:before,#screen-lobby.pixel-b .pb-more .btn:before,#screen-lobby.pixel-b #camp-edit-hero:before{display:none!important}
#screen-lobby.pixel-b .slot{border-radius:0;background:#081827;box-shadow:inset 0 1px #90a4b61c}
#screen-lobby.pixel-b .slot:not([class*=" r"]){border-color:#40566e}
#screen-lobby.pixel-b .camp-advanced summary{border-radius:0;background:#10273b}

#screen-lobby.pixel-b:not(.hidden)~#toast{top:auto;bottom:calc(clamp(190px,23vh,222px) + 12px);width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.6;font-size:13px;padding:11px 15px;border-radius:0;background:#10263bf5;border:1px solid #8c774f;color:#efddbb}
