/* THE STRIP (5 Oct 2026): the old top bar's every function, House style, inside the device above every House page.
   References: the House rail (quiet, #0B0C10 ground, hairlines, weight 500, figures in mono only) and the Leadership Board's gold as the one
   saturated control. No uppercase micro-labels; nothing under 12px. */
:root{--pn-strip-h:44px}
@media (max-width:720px){:root{--pn-strip-h:52px}}
.pn-strip{position:absolute;left:0;right:0;top:0;height:var(--pn-strip-h);z-index:20;container-type:inline-size;display:flex;align-items:center;gap:16px;padding:0 12px 0 18px;box-sizing:border-box;background:#0B0C10;border-bottom:1px solid rgba(255,255,255,.1);font:500 13px/1.2 Inter,system-ui,sans-serif;color:#EEF2F7;white-space:nowrap}
.pn-strip *{box-sizing:border-box}
.pn-strip .ps-id{display:flex;align-items:baseline;gap:8px;min-width:0}
.pn-strip .ps-id b{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.pn-strip .ps-id span,.pn-strip .ps-clock,.pn-strip .ps-stat i{color:#A9B0BE;font-style:normal;font-weight:400}
.pn-strip .ps-wk{display:flex;align-items:center;gap:8px}
.pn-strip .ps-bar{display:block;width:56px;height:4px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
.pn-strip .ps-bar b{display:block;height:100%;width:0;background:#F97316;border-radius:4px}
.pn-strip .ps-stat b{font:500 13px "JetBrains Mono",ui-monospace,monospace}
.pn-strip .ps-sp{flex:1 1 auto}
.pn-strip .ps-btn,.pn-strip .ps-burger{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#EEF2F7;font:500 13px/1 Inter,system-ui,sans-serif;cursor:pointer;min-height:0}
.pn-strip .ps-btn:hover,.pn-strip .ps-burger:hover{background:rgba(255,255,255,.09)}
.pn-strip .ps-gold{background:#F2C14E;border-color:#F2C14E;color:#14161B;font-weight:600}
.pn-strip .ps-gold:hover{background:#F7CE6B}
.pn-strip .ps-burger{width:34px;padding:0;justify-content:center;border-radius:10px}
.pn-strip button:focus-visible{outline:2px solid #F97316;outline-offset:2px}
.pn-strip .ps-menu{position:absolute;right:10px;top:calc(var(--pn-strip-h) + 4px);width:248px;max-height:min(440px,70vh);overflow:auto;padding:6px;border-radius:14px;background:#171A21;border:1px solid #2A2F3B;box-shadow:0 18px 40px rgba(0,0,0,.5);z-index:40;white-space:normal}
.pn-strip .ps-menu[hidden]{display:none}
.pn-strip .ps-menu button{display:block;width:100%;text-align:left;height:40px;min-height:0;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#EEF2F7;font:400 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
.pn-strip .ps-menu button:hover{background:#1F2430}
.pn-strip .ps-menu .ps-danger{color:#FF9B8C}
.pn-strip .ps-m-only{display:none;border-bottom:1px solid #2A2F3B;margin-bottom:6px;padding-bottom:6px}
.pn-strip .ps-m-stats{padding:8px 12px 4px;color:#A9B0BE;font:400 13px/1.4 Inter,system-ui,sans-serif}
/* narrower device: the clock and value step into the menu, then the buttons */
@container (max-width:1179px){.pn-strip .ps-clock,.pn-strip .ps-val{display:none}.pn-strip .ps-m-only{display:block}.pn-strip .ps-m-only button{display:none}.pn-strip .ps-m-only .ps-m-stats{display:block}}
@container (max-width:899px){.pn-strip .ps-hide-s{display:none}.pn-strip .ps-m-only button{display:block}.pn-strip .ps-id span{display:none}}
@container (max-width:520px){.pn-strip{gap:10px;padding-left:12px}.pn-strip .ps-id b{max-width:120px}.pn-strip .ps-bar{width:36px}.pn-strip .ps-burger{width:40px;height:40px}}
/* the game's own windows, lifted into the frame's layer */
.pn-house-ovl>.pn-adopted{z-index:30}
.pn-house-ovl>.s1-screen.pn-adopted{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:var(--pn-strip-h)!important;width:auto!important;height:auto!important;--s1-inset-left:0px!important;--s1-inset-top:0px!important}
.pn-house-ovl>.pnl-scrim.pn-adopted,.pn-house-ovl>.pnfc-scrim.pn-adopted,.pn-house-ovl>.fw-backdrop.pn-adopted,.pn-house-ovl>.help-overlay-bg.pn-adopted{position:absolute!important;inset:0!important}

/* the game's global button rules are !important; the strip's controls win by being specific */
html body .pn-strip button{min-height:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
html body .pn-strip button.ps-btn{height:30px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:#EEF2F7!important;font:500 13px/1 Inter,system-ui,sans-serif!important;padding:0 12px!important}
html body .pn-strip button.ps-btn:hover{background:rgba(255,255,255,.09)!important}
html body .pn-strip button.ps-gold{background:#F2C14E!important;border-color:#F2C14E!important;color:#14161B!important;font-weight:600!important}
html body .pn-strip button.ps-gold:hover{background:#F7CE6B!important}
html body .pn-strip button.ps-burger{height:34px!important;width:36px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:#EEF2F7!important;padding:0!important}
html body .pn-strip .ps-menu button{height:40px!important;width:100%!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#EEF2F7!important;font:400 14px/1 Inter,system-ui,sans-serif!important;text-align:left!important;padding:0 12px!important}
html body .pn-strip .ps-menu button:hover{background:#1F2430!important}
html body .pn-strip .ps-menu button.ps-danger{color:#FF9B8C!important}
@media (max-width:720px){html body .pn-strip button.ps-burger{height:42px!important;width:42px!important}html body .pn-strip .ps-menu button{height:46px!important}}

/* the game's global button rules are !important; the strip's controls win by being specific */
html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip button{min-height:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip button.ps-btn{height:30px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:#EEF2F7!important;font:500 13px/1 Inter,system-ui,sans-serif!important;padding:0 12px!important}
html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip button.ps-btn:hover{background:rgba(255,255,255,.09)!important}
html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip button.ps-gold{background:#F2C14E!important;border-color:#F2C14E!important;color:#14161B!important;font-weight:600!important}
html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip button.ps-gold:hover{background:#F7CE6B!important}
html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip button.ps-burger{height:34px!important;width:36px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:#EEF2F7!important;padding:0!important}
html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip .ps-menu button{height:40px!important;width:100%!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#EEF2F7!important;font:400 14px/1 Inter,system-ui,sans-serif!important;text-align:left!important;padding:0 12px!important}
html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip .ps-menu button:hover{background:#1F2430!important}
html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip .ps-menu button.ps-danger{color:#FF9B8C!important}
@media (max-width:720px){html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip button.ps-burger{height:42px!important;width:42px!important}html:not(#a):not(#b):not(#c):not(#d) body:not(#e) .pn-strip .ps-menu button{height:46px!important}}
/* the live call is a full-screen moment: the strip steps aside and the page takes the whole device */
body.pn-house-film .pn-house-ovl .pn-strip{display:none!important}
body.pn-house-film .pn-house-ovl__frame{top:0!important;height:100%!important}
/* a game window is never taller than the device it opens on: it scrolls inside itself */
.pn-house-ovl>.pnfc-scrim.pn-adopted>*,.pn-house-ovl>.pnl-scrim.pn-adopted>*,.pn-house-ovl>.help-overlay-bg.pn-adopted>*{max-height:calc(100% - 24px)!important;overflow:auto}
.pn-house-ovl>.pnfc-scrim.pn-adopted,.pn-house-ovl>.pnl-scrim.pn-adopted{display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}
/* The Wire is a drawer on the right of the device, under the strip */
.pn-house-ovl>#feedRail.pn-adopted{position:absolute!important;top:var(--pn-strip-h)!important;bottom:0!important;right:0!important;left:auto!important;height:auto!important;max-height:none!important;width:min(520px,100%)!important;transform:none!important;margin:0!important;z-index:31}
html body.feed-open .pn-house-ovl>#feedRail.pn-adopted{transform:none!important;left:auto!important;right:0!important;top:var(--pn-strip-h)!important}
/* the wipe confirm (the game's #toast.bigmodal) fills the device and sits above the page */
.pn-house-ovl>#toast.pn-adopted{position:absolute!important;inset:0!important;z-index:40!important;margin:0!important;transform:none!important}