.jp-locked-door{position:relative;filter:saturate(.72)}.jp-locked-door:after{content:"🔐";display:inline-block;margin-left:6px}.jp-unlocked-door:after{content:"🔑";display:inline-block;margin-left:6px}.jp-lock-modal{position:fixed;inset:0;z-index:10050;display:none;place-items:center;padding:20px;background:#050a11eF;color:#fff}.jp-lock-modal.show{display:grid}.jp-lock-card{width:min(500px,92vw);padding:28px;border:2px solid #d9b85d;border-radius:25px;background:linear-gradient(145deg,#10263c,#211b38);text-align:center}.jp-lock-icon{font-size:64px}.jp-lock-card small{display:block;color:#f1d27b;font-weight:950;letter-spacing:.15em}.jp-lock-card h2{font:800 34px Georgia,serif;color:#fff2c9;margin:8px 0}.jp-lock-card p{color:#d4deea}.jp-lock-card button{min-height:46px;border:0;border-radius:999px;background:#ffd875;color:#171109;padding:10px 18px;font-weight:950}.jp-keyquest{margin-top:18px;padding:20px;border:1px solid #d9b85d66;border-radius:22px;background:linear-gradient(145deg,#0b1a2a,#201b37);color:#fff}.jp-kq-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.jp-kq-head small{color:#f0ce76;font-weight:950;letter-spacing:.12em}.jp-kq-head h2{font:800 29px Georgia,serif;color:#fff2c9;margin:4px 0}.jp-kq-head p{margin:0;color:#b9cad6}.jp-kq-total{padding:9px 13px;border:1px solid #d9b85d66;border-radius:999px;color:#ffe18a;font-weight:950;white-space:nowrap}.jp-key-earned{margin-top:13px;padding:12px;border-radius:13px;background:#4d3b13;color:#fff2c9;text-align:center}.jp-key-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.jp-key{min-height:105px;padding:11px;border-radius:13px;border:1px solid #365269;text-align:center;background:#10253a}.jp-key span{display:block;font-size:28px}.jp-key b{display:block;font:700 14px Georgia,serif;color:#ffe18a}.jp-key small{font-size:8px;letter-spacing:.08em;color:#8fa8b8}.jp-key.missing{filter:saturate(.25);opacity:.52}.jp-floorbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.jp-floorbar>div{padding:11px;border-radius:12px;border:1px solid #365269;background:#0c1d2c}.jp-floorbar b,.jp-floorbar span,.jp-floorbar small{display:block}.jp-floorbar b{color:#ffe18a}.jp-floorbar small{font-size:9px;margin-top:4px}.jp-floorbar .locked{opacity:.5}@media(max-width:760px){.jp-key-grid{grid-template-columns:repeat(3,1fr)}.jp-floorbar{grid-template-columns:1fr 1fr}}@media(max-width:440px){.jp-kq-head{align-items:flex-start}.jp-key-grid{grid-template-columns:repeat(2,1fr)}}.jp-bonus-vault{margin-top:14px;padding:13px;border:1px solid #6b5b86;border-radius:14px;background:#15152a}.jp-bonus-vault>b{color:#fff2c9}.jp-bonus-vault>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.jp-bonus-vault span{font-size:10px;padding:6px 8px;border-radius:999px;border:1px solid #53677a}.jp-bonus-pop{position:fixed;inset:0;z-index:10100;display:none;place-items:center;padding:20px;background:#050a11eF;color:#fff}.jp-bonus-pop.show{display:grid}.jp-bonus-pop>div{width:min(470px,92vw);padding:28px;border:2px solid #d9b85d;border-radius:25px;background:linear-gradient(145deg,#10263c,#211b38);text-align:center}.jp-bonus-pop span{display:block;font-size:76px}.jp-bonus-pop small{color:#f0ce76;font-weight:950;letter-spacing:.15em}.jp-bonus-pop h2{font:800 34px Georgia,serif;color:#fff2c9;margin:7px 0}.jp-bonus-pop p{color:#d4deea}.jp-bonus-pop button{min-height:46px;border:0;border-radius:999px;background:#ffd875;color:#171109;padding:10px 18px;font-weight:950}
/* GENERAL SUPERGROK 2026-10-04: phone overflow fix. The Key Quest panel can mount inside a flex header row (.wrap.nav); give it its own full-width line instead of pushing past the screen edge. */
.wrap:has(>.jp-keyquest){flex-wrap:wrap}.wrap>.jp-keyquest{flex:1 1 100%;min-width:0;max-width:100%;box-sizing:border-box}