/* pp-page-v1 (v48d): shared look for the PP Lobby, Office and Back Room pages. Yellow #F8CC0C on black. */
@font-face{font-family:"Space Mono";src:url(/assets/fonts/SpaceMono-Bold.ttf);font-weight:700}
@font-face{font-family:"Space Mono";src:url(/assets/fonts/SpaceMono-Regular.ttf);font-weight:400}
html,body{margin:0;background:#000;color:#F8CC0C;font:700 16px/1.4 "Space Mono",ui-monospace,Menlo,monospace}
.pp-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;min-height:56px;padding:env(safe-area-inset-top) 16px 0;background:#000;border-bottom:2px solid #F8CC0C;box-sizing:border-box}
.pp-top a{color:#F8CC0C;text-decoration:none;font:700 17px/1 "Space Mono",monospace;letter-spacing:.04em;padding:12px 0}
.pp-top a.r{margin-left:auto}
main{padding:18px 16px 40px;max-width:1100px;margin:0 auto}
h1{font:700 34px/1.1 "Space Mono",monospace;margin:6px 0 4px;letter-spacing:.02em}
.what{color:#fff;font:400 15px/1.45 "Space Mono",monospace;margin:0 0 18px}
.pp-btns{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.pp-btn{display:inline-block;padding:16px 20px;border:3px solid #F8CC0C;color:#F8CC0C;text-decoration:none;font:700 20px/1 "Space Mono",monospace;letter-spacing:.04em}
.pp-btn.fill{background:#F8CC0C;color:#000}
.pp-hero{display:block;width:100%;height:auto;border:2px solid #F8CC0C;background:#000}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;list-style:none;padding:0;margin:0}
.grid li{border:2px solid #F8CC0C;background:#000;margin:0}
.grid a{display:block;color:#F8CC0C;text-decoration:none}
.grid img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#000}
.grid span{display:block;padding:6px 8px;font:700 11px/1.3 "Space Mono",monospace;border-top:1px solid #F8CC0C;word-break:break-word}
h2{font:700 22px/1.2 "Space Mono",monospace;margin:28px 0 10px;border-top:2px solid #F8CC0C;padding-top:14px}
.lines{list-style:none;padding:0;margin:0;columns:2 260px;column-gap:24px}
.lines li{break-inside:avoid;padding:6px 0;border-bottom:1px solid #3a3000;color:#fff;font:400 15px/1.4 "Space Mono",monospace}
.cab{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;border:4px solid #F8CC0C;padding:18px;margin:0;list-style:none}
.cab li{text-align:center;margin:0}
.cab .hook{display:block;width:22px;height:22px;margin:0 auto;border:4px solid #F8CC0C;border-radius:50%;box-sizing:border-box}
.cab .chain{display:block;width:4px;height:22px;margin:0 auto;background:#F8CC0C}
.cab .tag{display:block;border:3px solid #F8CC0C;padding:12px 6px}
.cab .tag b{display:block;font-size:22px}
.cab .tag i{display:block;font-style:normal;font-size:13px;margin-top:4px}
.cab .tag em{display:block;font-style:normal;font-size:13px;color:#fff;margin-top:4px}
.cab li.out .chain{visibility:hidden}.cab li.out .tag{border-color:#666;color:#999}.cab li.out .tag em{color:#999}
.drawers{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.drawers li{border:3px solid #F8CC0C;padding:14px;margin:0}
.drawers b{display:block;font-size:18px}.drawers span{display:block;color:#fff;font:400 14px/1.4 "Space Mono",monospace;margin-top:4px}