/* Concept B retro pixel cellphone (office desk phone). Stepped-corner device, status bar, home screen, Messages, threads. */
#modal:has(.pxp){background:rgba(4,6,20,.66);padding:4px}
#mbox:has(.pxp){width:auto!important;height:auto!important;max-height:none!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important;display:block!important}
.office-phone-shell.pxp{--st16:polygon(0 36px,6px 36px,6px 24px,12px 24px,12px 12px,24px 12px,24px 6px,36px 6px,36px 0,calc(100% - 36px) 0,calc(100% - 36px) 6px,calc(100% - 24px) 6px,calc(100% - 24px) 12px,calc(100% - 12px) 12px,calc(100% - 12px) 24px,calc(100% - 6px) 24px,calc(100% - 6px) 36px,100% 36px,100% calc(100% - 36px),calc(100% - 6px) calc(100% - 36px),calc(100% - 6px) calc(100% - 24px),calc(100% - 12px) calc(100% - 24px),calc(100% - 12px) calc(100% - 12px),calc(100% - 24px) calc(100% - 12px),calc(100% - 24px) calc(100% - 6px),calc(100% - 36px) calc(100% - 6px),calc(100% - 36px) 100%,36px 100%,36px calc(100% - 6px),24px calc(100% - 6px),24px calc(100% - 12px),12px calc(100% - 12px),12px calc(100% - 24px),6px calc(100% - 24px),6px calc(100% - 36px),0 calc(100% - 36px));
 --st8:polygon(0 24px,6px 24px,6px 12px,12px 12px,12px 6px,24px 6px,24px 0,calc(100% - 24px) 0,calc(100% - 24px) 6px,calc(100% - 12px) 6px,calc(100% - 12px) 12px,calc(100% - 6px) 12px,calc(100% - 6px) 24px,100% 24px,100% calc(100% - 24px),calc(100% - 6px) calc(100% - 24px),calc(100% - 6px) calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) calc(100% - 6px),calc(100% - 24px) calc(100% - 6px),calc(100% - 24px) 100%,24px 100%,24px calc(100% - 6px),12px calc(100% - 6px),12px calc(100% - 12px),6px calc(100% - 12px),6px calc(100% - 24px),0 calc(100% - 24px));
 position:relative;display:block;box-sizing:border-box;width:min(356px,calc(100vw - 8px));height:min(780px,calc(100dvh - 8px));max-width:none;min-width:0;margin:0 auto;padding:0;border:0;border-radius:0;background:none;color:#f2f2f6;font:400 18px/1.15 "VT",monospace;filter:drop-shadow(6px 8px 0 rgba(0,0,0,.55))}
.office-phone-shell.pxp.pxp-enter{animation:pxpIn .18s steps(4) both}
@keyframes pxpIn{from{transform:translateY(24px) scale(.96);opacity:.3}to{transform:none;opacity:1}}
.office-phone-shell.pxp.phone-no-motion{animation:none}
@media(prefers-reduced-motion:reduce){.office-phone-shell.pxp{animation:none!important}}
.office-phone-shell.pxp:has(.tcx){width:min(1100px,calc(100vw - 8px));height:calc(100dvh - 8px)}
.pxp *{box-sizing:border-box}
.pxp button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pxp button:focus-visible{outline:3px solid #ffc83c;outline-offset:-3px}
.pxp-device{position:absolute;inset:0;clip-path:var(--st16);background:linear-gradient(180deg,#6f7fd8 0 6px,#3a4aa8 6px 14px,#1d2763 14px calc(100% - 14px),#0e1436 calc(100% - 14px))}
.pxp-screen{position:absolute;inset:12px;clip-path:var(--st8);background:#0a0f2c;display:flex;flex-direction:column;overflow:hidden}
.pxp-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);pointer-events:none;z-index:20}
.pxp-status{flex:none;position:relative;display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 18px 0 22px;font:8px/1 "PS2P",monospace;color:#ffc83c;white-space:nowrap}
.pxp-time{max-width:38%;overflow:hidden;text-overflow:clip}
.pxp-island{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:84px;height:22px;background:#000;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}
.pxp-island:after{content:"";position:absolute;right:14px;top:8px;width:6px;height:6px;background:#2a56d8}
.pxp-sys{display:flex;align-items:center;gap:6px}
.pxp-yr{font-size:7px;color:#aab4ff}
.pxp-sig{display:inline-flex;align-items:flex-end;gap:2px;height:10px}.pxp-sig b{display:block;width:3px;background:#ffc83c}.pxp-sig b:nth-child(1){height:3px}.pxp-sig b:nth-child(2){height:5px}.pxp-sig b:nth-child(3){height:7px}.pxp-sig b:nth-child(4){height:10px}
.pxp-bat{position:relative;display:inline-block;width:22px;height:11px;border:2px solid #ffc83c;padding:1px}.pxp-bat:after{content:"";position:absolute;right:-5px;top:2px;width:3px;height:3px;background:#ffc83c}.pxp-bat b{display:block;height:100%;width:75%;background:#ffc83c}
.pxp-nav{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 8px}
.pxp-back{min-height:44px;min-width:44px;padding:0 8px;background:none;border:0;font:9px/1 "PS2P",monospace!important;color:#ffc83c!important;white-space:nowrap}
.pxp-navt{flex:1;min-width:0;margin:0;text-align:right;padding-right:6px;font:8px/1.3 "PS2P",monospace;color:#aab4ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxp-title{flex:none;margin:0 14px 8px;font:15px/1.2 "PS2P",monospace;color:#ffc83c;text-shadow:0 3px 0 #7a1a00}
.pxp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pxp-body{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#3a4aa8 #0a0f2c}
.pxp-homebar{flex:none;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:44px;width:100%;padding:4px 0 6px;border:0;background:#0a0f2c;border-top:2px solid #141c46}
.pxp-homebar span{font:7px/1 "PS2P",monospace;color:#aab4ff}.pxp-homebar i{display:block;width:110px;height:6px;background:#ffc83c;box-shadow:0 2px 0 #7a5a00}
.pxp-homebar:hover i{background:#fff2a0}
/* home */
.pxp-body.pxp-home{padding:4px 0 10px;gap:14px;background:linear-gradient(180deg,#0a0f2c 0,#141c46 70%,#1d2763 70%,#1d2763 calc(70% + 10px),#141c46 calc(70% + 10px),#141c46 calc(70% + 20px),#1b6b2e calc(70% + 20px)) local}
.pxp-clock{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 2px}
.pxp-clock .pxp-t{font:28px/1 "PS2P",monospace;color:#fff;text-shadow:0 4px 0 #d8283a,0 6px 0 #000}
.pxp-clock .pxp-d{font:18px/1 "VT",monospace;color:#ffc83c;letter-spacing:.5px;text-align:center}
.pxp-card{display:flex;flex-direction:column;gap:4px;margin:0 16px;padding:11px 13px;text-align:left;background:#141c46;border:0;box-shadow:0 0 0 2px #000,0 0 0 4px #ffc83c,0 0 0 6px #000;min-height:44px}
.pxp-card .pxp-h4{font:8px/1.2 "PS2P",monospace;color:#ffc83c}
.pxp-card .pxp-big{font:26px/1 "VT",monospace;color:#fff}
.pxp-card .pxp-p{font:18px/1.05 "VT",monospace;color:#c9d0ff}
.pxp-card.pxp-must{animation:pxpBlink 1.2s steps(2) infinite}
@keyframes pxpBlink{50%{box-shadow:0 0 0 2px #000,0 0 0 4px #ff6a48,0 0 0 6px #000}}
@media(prefers-reduced-motion:reduce){.pxp-card.pxp-must{animation:none}}
.pxp-card .pxp-mini{display:flex;gap:10px;align-items:center;margin-top:4px}.pxp-card .pxp-mini>span:last-child{min-width:0;flex:1}.pxp-card .pxp-mini b{font:16px/1.1 "Pix",sans-serif;color:#fff}
.pxp-clamp,.pxp-row .pxp-pv{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pxp-new{font:7px "PS2P",monospace;font-style:normal;background:#d8283a;color:#fff;padding:2px 4px;margin-left:6px;vertical-align:2px}
.pxp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 4px;padding:6px 12px 0}
.pxp-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:auto 16px 0;padding:12px 6px 8px;background:rgba(10,15,44,.88);box-shadow:0 0 0 2px #000,0 0 0 4px #3a4aa8}
.pxp-app{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:6px 0 2px;background:none;border:0}
.pxp-ico{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;box-shadow:0 0 0 2px #000,0 0 0 4px #6f7fd8,0 0 0 6px #000,4px 6px 0 4px rgba(0,0,0,.55)}
.pxp-ico svg{width:64%;height:64%}
.pxp-app:hover .pxp-ico,.pxp-app:focus-visible .pxp-ico{box-shadow:0 0 0 2px #000,0 0 0 4px #ffc83c,0 0 0 6px #000,4px 6px 0 4px rgba(0,0,0,.55)}
.pxp-badge{position:absolute;top:-10px;right:-11px;min-width:21px;height:21px;padding:0 4px;background:#d8283a;color:#fff;font:9px/21px "PS2P",monospace;text-align:center;box-shadow:0 0 0 2px #000,0 0 0 3px #fff}
.pxp-lbl{font:7.5px/1 "PS2P",monospace;color:#fff;text-shadow:0 2px 0 #000;white-space:nowrap}
/* inbox */
.pxp-tabs{flex:none;display:flex;margin:2px 12px 8px;background:#000;box-shadow:0 0 0 2px #3a4aa8}
.pxp-tab{flex:1;min-width:0;min-height:44px;padding:0 2px;border:0;background:none;font:7px/1.3 "PS2P",monospace!important;color:#aab4ff!important;white-space:nowrap}
.pxp-tab.pxp-on{background:#2a56d8;color:#fff!important}
.pxp-tab em{font-style:normal;color:#ff6b6b;margin-left:3px}.pxp-tab.pxp-on em{color:#ffc83c}
.pxp-list{display:flex;flex-direction:column}
.pxp-row{position:relative;display:flex;gap:10px;align-items:flex-start;width:100%;min-height:56px;padding:10px 12px 10px 16px;text-align:left;background:none;border:0;border-bottom:2px dashed #1d2763;color:#fff}
.pxp-row:hover{background:#101848}
.pxp-row .pxp-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pxp-row .pxp-rt{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.pxp-row .pxp-rt b,.pxp-row.pxp-link b{font:16px/1.15 "Pix",sans-serif;color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxp-row time{flex:none;font:15px/1 "VT",monospace;color:#8890c8}
.pxp-row .pxp-sub{font:15px/1.05 "VT",monospace;color:#8fb8de;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxp-row .pxp-pv{font:17px/1.05 "VT",monospace;color:#aab4ff}
.pxp-row .pxp-pv.pxp-full{display:block;-webkit-line-clamp:unset}
.pxp-row.pxp-unread .pxp-pv{color:#e8ecff}
.pxp-row.pxp-static{cursor:default}.pxp-row.pxp-static:hover{background:none}
.pxp-row.pxp-link b{color:#ffc83c}
.pxp-dot{position:absolute;left:4px;top:26px;width:8px;height:8px;background:#ffc83c;box-shadow:0 0 0 1px #000}
.pxp-tag{font:7px/1 "PS2P",monospace;font-style:normal;background:#ffc83c;color:#141c46;padding:2px 4px;margin-right:6px;vertical-align:2px}
.pxp-av{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;font:8px/1 "PS2P",monospace;letter-spacing:-.5px}
.pxp-av.big{width:50px;height:50px;font-size:10px}
.pxp-h3{margin:4px 14px 0;font:9px/1.3 "PS2P",monospace;color:#ffc83c}
.pxp-note{margin:4px 14px;font:15px/1.1 "VT",monospace;color:#8890c8}
.pxp-empty{margin:14px;font:17px/1.15 "VT",monospace;color:#aab4ff}
.pxp-pad{padding:0 14px 12px;font:400 15px/1.45 var(--fb,system-ui)}
/* threads */
.pxp-body.pxp-chatbody,.pxp .phone-portal-body{display:flex;flex-direction:column}
.pxp .phone-portal-body{font:400 15px/1.45 var(--fb,system-ui);padding:0}
.pxp .phone-portal-body:not(:has(.pxp-chat)){padding:0 10px 12px}
.pxp-chat{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;padding:0;background:none;border:0;box-shadow:none}
.pxp-chathead{flex:none;display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:0 10px 8px!important;margin:0!important;background:none!important;border:0!important;text-align:center}
.pxp-chathead b{font:16px/1.15 "Pix",sans-serif;font-weight:400;color:#fff}
.pxp-chathead small{font:15px/1 "VT",monospace!important;color:#8890c8}
.pxp-log{flex:1;min-height:60px;overflow:auto;display:flex!important;flex-direction:column;gap:10px;padding:10px 16px 12px 12px!important;margin:0!important;background:none!important;border:0!important;max-height:none!important}
.pxp-stamp{align-self:center;font:14px/1 "VT",monospace;color:#8890c8}
.pxp .pxp-b{max-width:82%;padding:7px 10px;border:0!important;border-radius:0!important;font:19px/1.05 "VT",monospace!important;white-space:pre-wrap;overflow-wrap:anywhere}
.pxp .pxp-b.o{align-self:flex-start;background:#e8ecff!important;color:#0a0f2c!important;box-shadow:0 0 0 2px #000,3px 3px 0 2px #6f7fd8!important}
.pxp .pxp-b.m{align-self:flex-end;background:#2a56d8!important;color:#fff!important;box-shadow:0 0 0 2px #000,3px 3px 0 2px #0e1436!important}
.pxp article.pxp-b{display:flex;flex-direction:column;gap:4px;margin:0}.pxp article.pxp-b b{font:16px/1.1 "Pix",sans-serif;font-weight:400}
.pxp-note.pxp-foot{flex:none;margin:6px 14px 10px;text-align:center}
.pxp-reply{flex:none;padding:8px 10px 10px;background:#141c46;border-top:3px solid #6f7fd8}
.pxp-reply .pxp-note{margin:0 2px 8px;text-align:center;color:#aab4ff}
.pxp-reply .pxp-note.pxp-small{margin:8px 2px 0;font-size:14px;color:#8890c8}
.pxp-need{margin:0 0 6px;text-align:center;font:7.5px/1.3 "PS2P",monospace;color:#ffc83c}
.pxp-replies{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 10px;margin:0;padding:0 2px 4px}
.pxp-arcade{min-height:48px;min-width:0;width:100%;padding:8px 5px;border:0;font:7.5px/1.45 "PS2P",monospace!important;text-transform:uppercase;letter-spacing:0;overflow-wrap:anywhere;background:linear-gradient(180deg,#ffe35a,#ffb028);color:#1a1200!important;box-shadow:0 0 0 2px #000,0 4px 0 2px #7a4a00}
.pxp-arcade.blue{background:linear-gradient(180deg,#6f9bff,#2a56d8);color:#fff!important;box-shadow:0 0 0 2px #000,0 4px 0 2px #0e1436}
.pxp-arcade.alt{background:linear-gradient(180deg,#ff6a6a,#d8283a);color:#fff!important;box-shadow:0 0 0 2px #000,0 4px 0 2px #5a0010}
.pxp-arcade:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 2px #000,0 1px 0 2px #000}
.pxp-arcade:disabled{background:#2a3060;color:#7d86b8!important;box-shadow:0 0 0 2px #000,0 4px 0 2px #11163a;cursor:not-allowed}
/* trade/joint camp details rendered inside the phone keep their own UI, just framed */
.pxp .phone-portal-body .mh h2{font:10px/1.4 "PS2P",monospace;color:#ffc83c}
@media(max-width:360px){.pxp-status{padding:0 14px 0 16px}.pxp-yr{display:none}.pxp-lbl{font-size:6.5px}.pxp-tab{font-size:6px!important}.pxp-arcade{font-size:7px!important}.pxp-card{margin:0 12px}}
@media(max-height:720px){.pxp-body.pxp-home{gap:10px}.pxp-clock .pxp-t{font-size:22px}.pxp-ico{width:44px;height:44px}}
/* follow-up screens routed into the phone (joint mini-camp, trade center, results): same pixel language */
.pxp .phone-portal-body:not(:has(.pxp-chat)) h2,.pxp .phone-portal-body:not(:has(.pxp-chat)) h3,.pxp .phone-portal-body:not(:has(.pxp-chat)) h4{font:10px/1.5 "PS2P",monospace!important;color:#ffc83c!important;text-shadow:0 2px 0 #7a1a00;letter-spacing:0}
.pxp .phone-portal-body:not(:has(.pxp-chat))>*:not(.tcx) p,.pxp .phone-portal-body:not(:has(.pxp-chat))>p{font:15px/1.4 "Pix",var(--fb,system-ui),sans-serif;color:#d4d9ff}
.pxp .phone-portal-body label{font:15px/1.3 "Pix",sans-serif;color:#aab4ff}
.pxp .phone-portal-body select{min-height:44px;border:0!important;border-radius:0!important;background:#0a0f2c!important;color:#fff!important;box-shadow:0 0 0 2px #000,0 0 0 4px #6f7fd8!important;font:15px "Pix",sans-serif!important;margin:4px 4px 10px}
.pxp .phone-portal-body .btn{min-height:44px;border:0!important;border-radius:0!important;font:8px/1.5 "PS2P",monospace!important;text-transform:uppercase;letter-spacing:0;background:linear-gradient(180deg,#ffe35a,#ffb028)!important;color:#1a1200!important;box-shadow:0 0 0 2px #000,0 4px 0 2px #7a4a00!important;text-shadow:none!important;margin:4px 4px 10px}
.pxp .phone-portal-body .btn.blue,.pxp .phone-portal-body .btn.ghost{background:linear-gradient(180deg,#6f9bff,#2a56d8)!important;color:#fff!important;box-shadow:0 0 0 2px #000,0 4px 0 2px #0e1436!important}
.pxp .phone-portal-body .btn.red,.pxp .phone-portal-body .btn.danger{background:linear-gradient(180deg,#ff6a6a,#d8283a)!important;color:#fff!important;box-shadow:0 0 0 2px #000,0 4px 0 2px #5a0010!important}
.pxp .phone-portal-body .btn:disabled{background:#2a3060!important;color:#7d86b8!important;box-shadow:0 0 0 2px #000,0 4px 0 2px #11163a!important}
.pxp .phone-portal-body .tcx .btn{margin:0}
.pxp .phone-portal-body .tcx{background:#0a0f2c}