:root{--jpo-ink:#1d1712;--jpo-cream:#f3ecd8;--jpo-hud:#3a2f25;--jpo-hud-deep:#261e17;--jpo-hud-light:#5c4b3a;--jpo-ochre:#e6c36a;--jpo-ochre-deep:#d6a94a;--jpo-ochre-edge:#a98538;--jpo-green:#5c8d8e;--jpo-green-deep:#3f6c70;--jpo-red:#b9603f;--jpo-cta-h:82px;--jpo-energy-h:76px}.jpo-game .jpo-energy-bar>strong,.jpo-game .jpo-energy-status,.jpo-game .jpo-orb>span:not(.jpo-orb-face),.jpo-game .jpo-orb>strong,.jpo-game .jpo-stroke,.jpo-game .jpo-tank-value{color:var(--jpo-cream);text-shadow:0 1px 1px #0f0b08,0 0 6px #0f0b08cc}.jpo-game .jpo-button,.jpo-game .jpo-energy-refill .oil-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 14px;border:2px solid var(--jpo-ink);border-radius:8px;background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c;font:800 17px/1.1 var(--oil-serif)!important;letter-spacing:.4px;text-transform:uppercase;text-decoration:none;box-shadow:inset 0 1px 0 #f1dc9c,inset 0 -2px 0 var(--jpo-ochre-edge),0 2px 0 var(--jpo-ink);transition:transform .06s,box-shadow .06s}.jpo-game .jpo-button:active:not(:disabled),.jpo-game .jpo-energy-refill .oil-button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 0 #f1dc9c,inset 0 -2px 0 var(--jpo-ochre-edge),0 1px 0 var(--jpo-ink)}.jpo-game .jpo-button:disabled,.jpo-game .jpo-energy-refill .oil-button:disabled{background:linear-gradient(#d8d1ba,#b9b29b);color:#5b584b;box-shadow:inset 0 1px 0 #ece7d6,inset 0 -2px 0 #8f8973,0 2px 0 var(--jpo-ink)}.jpo-game .jpo-button-green{background:linear-gradient(var(--jpo-green),var(--jpo-green-deep));color:#f3ecd8;box-shadow:inset 0 1px 0 #8fb3b3,inset 0 -2px 0 #2f5357,0 2px 0 var(--jpo-ink)}.jpo-game .jpo-button-green:active:not(:disabled){box-shadow:inset 0 1px 0 #8fb3b3,inset 0 -2px 0 #2f5357,0 1px 0 var(--jpo-ink)}.jpo-game .jpo-button-dark{background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);box-shadow:inset 0 1px 0 #7d6851,inset 0 -2px 0 var(--jpo-hud-deep),0 2px 0 var(--jpo-ink)}.jpo-game .jpo-button-small,.jpo-game .jpo-energy-refill .oil-button{min-height:36px;padding:5px 11px;border-radius:8px;font-size:14px!important;white-space:nowrap}.jpo-game .jpo-hud{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:10px;min-height:62px;margin-top:calc(-1 * var(--oil-safe-top));padding:calc(8px + var(--oil-safe-top)) 14px 8px;background:linear-gradient(var(--jpo-hud),var(--jpo-hud-deep));border-bottom:2px solid var(--jpo-ink);box-shadow:inset 0 -2px 0 #4a3d30,0 5px 12px #0000003d;color:var(--jpo-cream)}.jpo-game .jpo-hud-player{display:flex;align-items:center;gap:10px;min-width:0;color:inherit}.jpo-game .jpo-hud-avatar{position:relative;flex-shrink:0;display:block}.jpo-game .jpo-avatar{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:2px solid var(--jpo-ink);border-radius:50%;outline:2px solid var(--jpo-ochre);outline-offset:-5px;background:#7a6a55;color:var(--jpo-cream);font:800 22px/1 var(--oil-serif)}.jpo-game .jpo-avatar img{width:100%;height:100%;object-fit:cover}.jpo-game .jpo-hud-avatar>b{position:absolute;right:-6px;bottom:-5px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border:2px solid var(--jpo-ink);border-radius:11px;background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c;font:800 13px/1 var(--oil-serif)}.jpo-game .jpo-hud-avatar>i{position:absolute;top:-3px;right:-4px;width:13px;height:13px;border:2px solid var(--jpo-ink);border-radius:50%;background:var(--jpo-red)}.jpo-game .jpo-hud-rank{display:grid;min-width:0;line-height:1.2}.jpo-game .jpo-hud-rank>strong{font:800 19px/1.1 var(--oil-serif);letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jpo-game .jpo-hud-rank>small{font-size:12px;color:#c9b99f;white-space:nowrap}.jpo-game .jpo-hud-rank .oil-progress{width:120px;height:6px;margin-top:4px;border:1px solid var(--jpo-ink);background:#17110d}.jpo-game .jpo-hud-rank .oil-progress>span{background:var(--jpo-ochre)}.jpo-game .jpo-hud-resources{flex:1;gap:16px;padding-left:8px}.jpo-game .jpo-hud-resources,.jpo-game .jpo-res{display:flex;justify-content:flex-end;min-width:0}.jpo-game .jpo-res{position:relative;align-items:center;flex:0 1 auto;height:34px;padding:0 11px 0 36px;border:2px solid #120d0a;border-radius:17px;background:#17110d;box-shadow:inset 0 2px 4px #000000a0,0 1px 0 var(--jpo-hud-light)}.jpo-game .jpo-res-icon{position:absolute;left:-8px;top:50%;display:grid;place-items:center;width:38px;height:38px;margin-top:-19px;border:2px solid var(--jpo-ink);border-radius:50%;background:linear-gradient(#4a3d30,#261e17);color:var(--jpo-ochre);box-shadow:0 2px 0 #00000059}.jpo-game .jpo-res-icon>svg{stroke-width:2.4}.jpo-game .jpo-res-cash .jpo-res-icon{background:linear-gradient(var(--jpo-green),var(--jpo-green-deep));color:#f3ecd8}.jpo-game .jpo-res>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font:800 clamp(16px,5vw,21px) /1.3 var(--oil-serif);letter-spacing:.3px;font-variant-numeric:tabular-nums;white-space:nowrap}.jpo-game .jpo-res>strong>small{font:600 12px/1 var(--oil-font);color:#c9b99f}.jpo-game .jpo-hud-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}.jpo-game .jpo-hud-tools .oil-sync-slot:has(button:disabled){display:none}.jpo-game .jpo-hud-tools .oil-sync-warning{color:var(--jpo-ochre)}.jpo-game .jpo-round-button{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--jpo-ink);border-radius:50%;background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);box-shadow:inset 0 1px 0 #7d6851,0 2px 0 var(--jpo-ink)}.jpo-game .jpo-round-button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #7d6851,0 1px 0 var(--jpo-ink)}@media (max-width:760px){.jpo-game .jpo-hud-rank{display:none}.jpo-game .oil-mobile-nav{gap:2px;padding:6px 6px calc(6px + var(--oil-safe-bottom));background:linear-gradient(var(--jpo-hud),var(--jpo-hud-deep));border-top:2px solid var(--jpo-ink);box-shadow:inset 0 1px 0 #4a3d30,0 -5px 12px #0000003d}.jpo-game .oil-mobile-nav>a{gap:2px;min-height:54px;padding:0;color:#c9b99f;justify-content:flex-end}.jpo-game .oil-mobile-nav>a>span{display:grid;place-items:center;width:46px;height:34px;padding:0;border:3px solid transparent;border-radius:13px;transition:transform .12s}.jpo-game .oil-mobile-nav>a.is-active{color:var(--jpo-cream)}.jpo-game .oil-mobile-nav>a.is-active>span{height:42px;margin-top:-14px;border-color:var(--jpo-ink);border-radius:14px;background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c;box-shadow:inset 0 1px 0 #f1dc9c,inset 0 -2px 0 var(--jpo-ochre-edge),0 2px 0 var(--jpo-ink)}.jpo-game .oil-mobile-nav>a:active>span{transform:scale(.92)}.jpo-game .oil-mobile-nav small{font:700 13px/1.2 var(--oil-serif);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.jpo-game .oil-mobile-nav i{top:-5px;right:-5px;width:13px;height:13px;border:2px solid var(--jpo-ink);background:var(--jpo-red)}.jpo-game .oil-mobile-nav>a.is-active i{top:-8px;right:-8px}}.jpo-game .jpo-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr auto;gap:10px;height:620px;padding:14px;overflow:hidden;border:2px solid var(--jpo-ink);border-radius:8px;background:#debd76;color:var(--jpo-cream)}.jpo-game .jpo-stage:has(.oil-tap-scene.has-shift){--jpo-cta-h:112px}.jpo-game .jpo-stage>*{position:relative;z-index:3}.jpo-game .jpo-stage>.oil-tap-scene{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:0;border-radius:0}.jpo-game .jpo-stage .oil-scene-image{object-position:64% 56%}.jpo-game .jpo-stage .oil-scene-grain{background:linear-gradient(#1a130eb8,#1a130e59 18%,transparent 36%,transparent 52%,#1a130ecc)}.jpo-game .jpo-stage-top{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;pointer-events:none}.jpo-game .jpo-sign{display:inline-flex;align-items:center;gap:8px;margin:0;padding:5px 12px 6px;background:linear-gradient(#f3ead2,#e4d6b0);color:var(--jpo-ink);font:800 24px/1.1 var(--oil-serif);letter-spacing:.5px;text-transform:uppercase;box-shadow:inset 0 1px 0 #fbf6e6,0 2px 0 var(--jpo-ink)}.jpo-game .jpo-sign,.jpo-game .jpo-sign>span{border:2px solid var(--jpo-ink);border-radius:8px}.jpo-game .jpo-sign>span{padding:1px 6px 2px;background:var(--jpo-ochre);font-size:16px}.jpo-game .jpo-event{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 10px;border:2px solid var(--jpo-ink);border-radius:8px;background:#1a130ee6;font-size:13px;line-height:1.3}.jpo-game .jpo-event>small,.jpo-game .jpo-event>svg{flex-shrink:0;color:var(--jpo-ochre)}.jpo-game .jpo-event>small{font-weight:700;font-variant-numeric:tabular-nums}.jpo-game .jpo-stage-left{grid-column:1/-1;grid-row:2/4;display:grid;gap:10px;justify-items:start;align-content:start;min-width:0;pointer-events:none}.jpo-game .jpo-stage-left>*{pointer-events:auto}.jpo-game .jpo-tank{width:min(360px,100%)}.jpo-game .jpo-stage-left>:not(.jpo-tank),.jpo-game .jpo-tank>:not(.jpo-tank-gauge){max-width:calc(100% - 92px)}.jpo-game .jpo-tank-gauge{position:relative;display:flex;align-items:center;gap:8px;height:54px;padding:0 5px 0 4px;overflow:hidden;border:2px solid var(--jpo-ink);border-radius:27px;background:#17110d;box-shadow:inset 0 3px 5px #00000040,0 4px 0 #0000008c}.jpo-game .jpo-tank-gauge>.oil-progress{position:absolute;inset:0;height:auto;border-radius:0;background:none}.jpo-game .jpo-tank-gauge>.oil-progress>span{border-radius:0;background:linear-gradient(#7a5a2c,#4f3819);box-shadow:inset 0 1px 0 #a07d45}.jpo-game .jpo-tank-gauge>:not(.oil-progress){position:relative}.jpo-game .jpo-tank-icon{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--jpo-ink);border-radius:50%;background:linear-gradient(#4a3d30,#261e17);color:var(--jpo-ochre)}.jpo-game .jpo-tank-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font:800 26px/1 var(--oil-serif);letter-spacing:.4px;font-variant-numeric:tabular-nums;white-space:nowrap}.jpo-game .jpo-tank-value>small{font-size:15px}.jpo-game .jpo-tank-collect{flex-shrink:0;min-height:40px;padding:5px 12px;border-radius:20px;font-size:16px!important;box-shadow:inset 0 1px 0 #8fb3b3,inset 0 -2px 0 #2f5357}.jpo-game .jpo-tank-collect:disabled{box-shadow:inset 0 1px 0 #ece7d6,inset 0 -2px 0 #8f8973}.jpo-game .jpo-tank-collect:active:not(:disabled){transform:scale(.95);box-shadow:inset 0 1px 0 #8fb3b3,inset 0 -2px 0 #2f5357}.jpo-game .jpo-tank-note,.jpo-game .jpo-tank-stats{display:flex;width:fit-content;flex-wrap:wrap;align-items:center;gap:2px 12px;margin:7px 0 0;padding:3px 10px;border-radius:11px;background:#1a130eb8;font-size:13px;line-height:1.4;vertical-align:top}.jpo-game .jpo-tank-stats dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.jpo-game .jpo-tank-stats dd{margin:0;white-space:nowrap}.jpo-game .jpo-tank-stats dd>strong{margin-right:4px;color:var(--jpo-ochre);font:800 16px/1 var(--oil-serif);font-variant-numeric:tabular-nums}.jpo-game .jpo-tank-note{flex-wrap:nowrap;align-items:flex-start;gap:5px}.jpo-game .jpo-tank-note>svg{flex-shrink:0;margin-top:2px}.jpo-game .jpo-tank-note.is-full{background:var(--jpo-red);border:2px solid var(--jpo-ink);font-weight:700}.jpo-game .jpo-stage-side{grid-column:2;grid-row:2/4;display:grid;gap:18px;align-content:start;justify-items:center;width:82px;margin-top:66px;justify-self:end}.jpo-game .jpo-orb{display:grid;justify-items:center;gap:3px;width:82px;min-height:0;padding:0;border:0;background:none;text-align:center}.jpo-game .jpo-orb-face{position:relative;display:grid;place-items:center;width:60px;height:60px;border:2px solid var(--jpo-ink);border-radius:50%;background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c;box-shadow:inset 0 -2px 0 var(--jpo-ochre-edge),0 2px 0 var(--jpo-ink);transition:transform .06s,box-shadow .06s}.jpo-game .jpo-orb-face>svg{stroke-width:2.4}.jpo-game .jpo-orb-face>b{position:absolute;right:-8px;bottom:-4px;min-width:24px;padding:2px 5px;border:2px solid var(--jpo-ink);border-radius:11px;background:var(--jpo-hud-deep);color:var(--jpo-cream);font:800 13px/1.1 var(--oil-serif)}.jpo-game .jpo-orb:active:not(:disabled) .jpo-orb-face{transform:translateY(4px);box-shadow:inset 0 -2px 0 var(--jpo-ochre-edge),0 1px 0 var(--jpo-ink)}.jpo-game .jpo-orb>strong{margin-top:4px;font:800 15px/1.05 var(--oil-serif);letter-spacing:.4px;text-transform:uppercase}.jpo-game .jpo-orb>span:not(.jpo-orb-face):not(.sr-only){font:700 13px/1.15 var(--oil-font);font-variant-numeric:tabular-nums}.jpo-game .jpo-orb:disabled .jpo-orb-face{background:linear-gradient(#d8d1ba,#b9b29b);color:#5b584b;box-shadow:inset 0 -2px 0 #8f8973,0 2px 0 var(--jpo-ink)}.jpo-game .jpo-orb-overdrive.is-active .jpo-orb-face{animation:jpo-glow .9s ease-in-out infinite}.jpo-game .jpo-orb-gift .jpo-orb-face{background:linear-gradient(var(--jpo-green),var(--jpo-green-deep));color:#f3ecd8;box-shadow:inset 0 -2px 0 #2f5357,0 2px 0 var(--jpo-ink)}.jpo-game .jpo-orb-gift .jpo-orb-face>b{top:-6px;bottom:auto;background:var(--jpo-red)}.jpo-game .jpo-orb-shift .jpo-orb-face{background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);box-shadow:inset 0 -2px 0 var(--jpo-hud-deep),0 2px 0 var(--jpo-ink)}.jpo-game .jpo-orb-shift .jpo-orb-face>b{display:grid;place-items:center;background:var(--jpo-ochre);color:#2b2a1c}.jpo-game .jpo-orb-shift.is-active .jpo-orb-face{outline:2px solid var(--jpo-ochre);outline-offset:2px}.jpo-game .jpo-stage-top>.jpo-orb{width:auto;pointer-events:auto}.jpo-game .jpo-stage-top>.jpo-orb:first-of-type{margin-left:auto}.jpo-game .jpo-stage-top>.jpo-orb .jpo-orb-face{width:44px;height:44px}.jpo-game .jpo-stage-top>.jpo-orb .jpo-orb-face>svg{width:22px;height:22px}.jpo-game .jpo-stage:has(.oil-tap-scene.has-shift) .hero-radio{display:none}.jpo-game .jpo-chip,.jpo-game .jpo-stage .hero-radio{display:flex;align-items:center;gap:8px;width:fit-content;min-height:36px;margin:0;padding:3px 12px 3px 3px;border:0;border-radius:18px;background:#1a130eb8;color:var(--jpo-cream);font:13px/1.3 var(--oil-font);text-align:left}.jpo-game .jpo-stage .hero-radio>.hero-portrait{width:30px;height:30px;border:2px solid var(--jpo-ink);border-radius:50%}.jpo-game .jpo-stage .hero-radio span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.jpo-game .jpo-stage .hero-radio p{margin:0;font-size:13px;line-height:1.3}.jpo-game .jpo-chip{padding-left:10px;font-weight:700}.jpo-game .jpo-chip>svg{flex-shrink:0;color:var(--jpo-ochre)}.jpo-game .jpo-chip>b{color:var(--jpo-ochre);font:800 16px/1 var(--oil-serif)}.jpo-game .jpo-stage-bottom{grid-column:1/-1;grid-row:4;display:grid;justify-items:center;margin-bottom:calc(var(--jpo-cta-h) + 20px);pointer-events:none}.jpo-game .jpo-energy{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 8px;width:min(380px,100%);pointer-events:auto}.jpo-game .jpo-energy-icon{z-index:1;display:grid;place-items:center;width:38px;height:38px;margin-right:-22px;border:2px solid var(--jpo-ink);border-radius:50%;background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c}.jpo-game .jpo-energy-icon>svg{fill:currentColor}.jpo-game .jpo-energy-bar{position:relative;height:28px}.jpo-game .jpo-energy-bar>.oil-progress{height:100%;margin:0;border:2px solid var(--jpo-ink);border-radius:14px;background:#17110d;box-shadow:0 3px 0 #0000008c}.jpo-game .jpo-energy-bar>.oil-progress>span{border-radius:0;background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));box-shadow:inset 0 1px 0 #f1dc9c}.jpo-game .jpo-energy.is-low .jpo-energy-bar>.oil-progress>span{background:linear-gradient(#d9a55a,#e5533c);box-shadow:inset 0 1px 0 #e6c48d}.jpo-game .jpo-energy-bar>strong{position:absolute;inset:0;display:grid;place-items:center;padding-left:14px;font:800 18px/1 var(--oil-serif);letter-spacing:.5px;font-variant-numeric:tabular-nums}.jpo-game .jpo-energy-bar>strong>small{font-size:14px}.jpo-game .jpo-energy-bar>strong{display:block;text-align:center;line-height:28px}.jpo-game .jpo-energy .oil-help-button{width:30px;height:30px;min-height:30px;border:2px solid var(--jpo-ink);background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);font:800 16px/1 var(--oil-serif)}.jpo-game .jpo-energy-foot{grid-column:1/-1;display:flex;flex-wrap:wrap-reverse;align-items:center;justify-content:space-between;gap:4px 10px;min-height:36px}.jpo-game .jpo-energy-status{margin:0;padding-left:4px;font:700 14px/1.3 var(--oil-font)}.jpo-game .jpo-energy-refill{margin-left:auto}.jpo-game .jpo-energy-refill:empty{display:none}.jpo-game .jpo-energy-refill .oil-button{width:auto}.jpo-game .jpo-stage .oil-pump-cta{bottom:18px;width:min(350px,calc(100% - 28px));min-height:var(--jpo-cta-h);padding:12px 18px;border:2px solid var(--jpo-ink);border-radius:8px;background:linear-gradient(#e9cb78,var(--jpo-ochre-deep));color:#2b2a1c;box-shadow:inset 0 1px 0 #f1dc9c,inset 0 -2px 0 var(--jpo-ochre-edge),0 2px 0 var(--jpo-ink),0 10px 18px #00000059}.jpo-game .jpo-stage .oil-tap-scene:active:not(:disabled) .oil-pump-cta{bottom:13px;animation:none;box-shadow:inset 0 1px 0 #f1dc9c,inset 0 -2px 0 var(--jpo-ochre-edge),0 2px 0 var(--jpo-ink),0 6px 12px #00000073}.jpo-game .jpo-stage .oil-tap-scene:disabled .oil-pump-cta{background:linear-gradient(#d8d1ba,#b9b29b);color:#4c493e;box-shadow:inset 0 1px 0 #ece7d6,inset 0 -2px 0 #8f8973,0 2px 0 var(--jpo-ink)}.jpo-game .jpo-stage .oil-pump-cta>span{font-size:30px;font-weight:800;line-height:1.05;letter-spacing:.6px}.jpo-game .jpo-stage .oil-pump-cta small{margin-top:3px;font:700 12px/1.3 var(--oil-font);letter-spacing:.5px}.jpo-game .jpo-stage .oil-tap-scene.has-shift .oil-pump-cta{height:var(--jpo-cta-h)}.jpo-game .jpo-stage .oil-tap-scene.has-shift .oil-pump-cta>span{font-size:23px}.jpo-game .jpo-stage .oil-pump-shift{top:auto;bottom:calc(var(--jpo-cta-h) + var(--jpo-energy-h) + 52px);left:14px;right:14px;border:2px solid var(--jpo-ink);border-radius:10px;background:linear-gradient(#f3ead2,#e4d6b0);color:var(--jpo-ink);box-shadow:0 2px 0 var(--jpo-ink)}.jpo-game .jpo-stage .oil-pump-shift>strong{font:800 18px/1.2 var(--oil-serif);letter-spacing:.3px;text-transform:uppercase}.jpo-game .jpo-stage .oil-scene-badge{top:auto;right:auto;bottom:calc(var(--jpo-cta-h) + var(--jpo-energy-h) + 52px);left:50%;transform:translateX(-50%);padding:6px 12px;border:2px solid var(--jpo-ink);border-radius:8px;background:var(--jpo-red);color:var(--jpo-cream);font:800 17px/1 var(--oil-serif);letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 0 var(--jpo-ink);z-index:2}.jpo-game .jpo-stage .oil-tap-particle{color:var(--jpo-ochre);font-size:40px;text-shadow:0 2px 0 var(--jpo-ink),0 0 8px #0f0b08cc}.jpo-game .jpo-stage.is-boosted{box-shadow:inset 0 0 0 4px var(--jpo-ochre)}@media (max-width:760px){body:has(>.jpo-game.oil-screen-field){display:flex;flex-direction:column;height:100dvh;overflow:hidden}.jpo-game.oil-screen-field{flex:1;min-height:0}.jpo-game.oil-screen-field .oil-workspace{display:flex;flex-direction:column;min-height:0}.jpo-game.oil-screen-field .oil-main{flex:1;display:flex;flex-direction:column;width:100%;min-height:0;margin:0;padding:0 0 calc(68px + var(--oil-safe-bottom));overflow-y:auto}.jpo-game.oil-screen-field .oil-main>:not(.jpo-stage){margin-left:16px;margin-right:16px}.jpo-game .jpo-stage{flex:1 0 auto;height:auto;min-height:470px;margin-bottom:0;padding:12px;border-width:0 0 2px;border-radius:0}.jpo-game .jpo-res>strong>small{display:none}}@media (max-width:380px){.jpo-game .jpo-hud{gap:6px;padding-inline:8px}.jpo-game .jpo-hud-resources{gap:10px;padding-left:6px}.jpo-game .jpo-avatar{width:38px;height:38px}.jpo-game .jpo-round-button{width:36px;height:36px}.jpo-game .jpo-hud-tools{gap:0}.jpo-game .jpo-res{padding:0 8px 0 27px}.jpo-game .jpo-res-cash{padding-left:10px}.jpo-game .jpo-res-cash .jpo-res-icon{display:none}.jpo-game .jpo-res>strong{font-size:15px}.jpo-game .jpo-tank-value>small{display:none}.jpo-game .jpo-res-icon{width:32px;height:32px;margin-top:-16px}.jpo-game .jpo-sign{font-size:21px}.jpo-game .jpo-orb>strong{font-size:13px;letter-spacing:0}.jpo-game .jpo-orb-face{width:54px;height:54px}.jpo-game .jpo-tank-value{font-size:20px;letter-spacing:0}.jpo-game .jpo-tank-collect{padding-inline:7px;font-size:13px!important;letter-spacing:0}.jpo-game .jpo-stage .oil-pump-cta>span{font-size:26px}.jpo-game .oil-mobile-nav small{font-size:12px;letter-spacing:0}}.jpo-game .jpo-empire{--jpo-ground:#e9dcbc;--jpo-ground-deep:#d8c193;--jpo-plot:#f4ecd6;position:relative;isolation:isolate;margin:-35px -38px -28px;padding:22px 38px 40px;min-height:calc(100dvh - 140px);background:linear-gradient(var(--jpo-ground),var(--jpo-ground-deep));color:var(--jpo-ink)}.jpo-game .jpo-ground-canyon{--jpo-ground:#e8cdb4;--jpo-ground-deep:#d2a888;--jpo-plot:#f3e3d3}.jpo-game .jpo-ground-coast{--jpo-ground:#ece3c6;--jpo-ground-deep:#d8c9a0;--jpo-plot:#f6f0dc}.jpo-game .jpo-ground-arctic{--jpo-ground:#eef4f3;--jpo-ground-deep:#c9dade;--jpo-plot:#ffffff}.jpo-game .jpo-ground-moon{--jpo-ground:#ddd7e4;--jpo-ground-deep:#b6adc4;--jpo-plot:#eeeaf3}.jpo-game .jpo-empire-sky{position:absolute;inset:0 0 auto;z-index:-1;height:210px;background-size:cover;background-position:center 22%;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}.jpo-game .jpo-empire-head{display:grid;justify-items:start;gap:14px}.jpo-game .jpo-empire .oil-campaign{width:100%;margin:0;border:2px solid var(--jpo-ink);border-radius:10px;background:linear-gradient(var(--jpo-hud),var(--jpo-hud-deep));color:var(--jpo-cream);box-shadow:0 4px 0 #00000059}.jpo-game .jpo-empire .oil-campaign-summary{font:800 18px/1.1 var(--oil-serif);letter-spacing:.4px;text-transform:uppercase}.jpo-game .jpo-empire .oil-campaign-summary>span{color:var(--jpo-ochre)}.jpo-game .jpo-empire .oil-campaign-summary .oil-progress{height:12px;border:2px solid var(--jpo-ink);border-radius:7px;background:#17110d}.jpo-game .jpo-empire .oil-campaign-summary .oil-progress>span{border-radius:0;background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep))}.jpo-game .jpo-empire .oil-campaign-details,.jpo-game .jpo-empire .oil-campaign-details small{color:#dccfb8}.jpo-game .jpo-empire .oil-campaign-details :is(a,.oil-text-button){color:var(--jpo-ochre)}.jpo-game .jpo-empire .oil-campaign-details .oil-help-button{border-color:var(--jpo-ink);background:var(--jpo-cream);color:var(--jpo-ink)}.jpo-game .jpo-tab-row{display:grid;gap:12px;margin-top:16px}.jpo-game .jpo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:560px}.jpo-game .jpo-tabs>button{display:grid;justify-items:center;gap:3px;min-width:0;min-height:58px;padding:7px 4px 8px;border:2px solid var(--jpo-ink);border-radius:10px;background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);font:800 15px/1.1 var(--oil-serif);letter-spacing:.4px;text-transform:uppercase;box-shadow:inset 0 1px 0 #7d6851,inset 0 -2px 0 var(--jpo-hud-deep),0 2px 0 var(--jpo-ink);transition:transform .06s,box-shadow .06s}.jpo-game .jpo-tabs>button>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jpo-game .jpo-tabs>button.is-selected{transform:translateY(3px);background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c;box-shadow:inset 0 1px 0 #f1dc9c,inset 0 -2px 0 var(--jpo-ochre-edge),0 1px 0 var(--jpo-ink)}.jpo-game .jpo-quantity{display:flex;align-items:center;justify-content:flex-end;gap:6px;font:800 16px/1 var(--oil-serif);letter-spacing:.5px}.jpo-game .jpo-quantity>span{margin-right:4px}.jpo-game .jpo-quantity>button{min-width:52px;min-height:40px;padding:4px 10px;border:2px solid var(--jpo-ink);border-radius:8px;background:var(--jpo-plot);color:var(--jpo-ink);font:800 16px/1 var(--oil-serif);box-shadow:0 2px 0 var(--jpo-ink)}.jpo-game .jpo-quantity>button.is-selected{transform:translateY(2px);background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));box-shadow:inset 0 1px 0 #f1dc9c,0 1px 0 var(--jpo-ink)}.jpo-game .jpo-plots{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px 16px;margin-top:20px}.jpo-game .jpo-plot{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.jpo-game .jpo-plot-art{position:relative;width:min(150px,100%);aspect-ratio:1}.jpo-game .jpo-plot-art:before{content:"";position:absolute;left:-8%;right:-8%;bottom:2%;height:46%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,var(--jpo-plot) 55%,transparent 72%);box-shadow:0 6px 0 -2px #0000001f}.jpo-game .jpo-plot.is-affordable .jpo-plot-art:before{background:radial-gradient(ellipse at 50% 40%,#f6e7b6 50%,#dcb95a66 62%,transparent 74%)}.jpo-game .jpo-plot-sprite{position:absolute;inset:0;background-size:contain;background-position:50%;background-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 4px 0 #00000026)}.jpo-game .jpo-plot.is-locked .jpo-plot-sprite{filter:brightness(0);opacity:.32}.jpo-game .jpo-plot-count,.jpo-game .jpo-plot-lock{position:absolute;top:6px;right:2px;display:grid;place-items:center;min-width:38px;height:34px;padding:0 8px;border:2px solid var(--jpo-ink);border-radius:17px;background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);font:800 18px/1 var(--oil-serif);box-shadow:0 2px 0 var(--jpo-ink)}.jpo-game .jpo-plot-count>b:before{content:"×";margin-right:1px;color:var(--jpo-ochre)}.jpo-game .jpo-plot-lock{width:46px;height:46px;margin:-23px -23px 0 0}.jpo-game .jpo-plot>h3{margin-top:4px;font:800 21px/1.1 var(--oil-serif);letter-spacing:.4px;text-transform:uppercase;overflow-wrap:break-word;max-width:100%}.jpo-game .jpo-plot-output{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 4px;margin:3px 0 0;color:#5a4f3f;font-size:13px;line-height:1.3}.jpo-game .jpo-plot-output>svg{align-self:center;fill:currentColor;color:var(--jpo-ink)}.jpo-game .jpo-plot-output>strong{color:var(--jpo-ink);font:800 19px/1.1 var(--oil-serif);font-variant-numeric:tabular-nums}.jpo-game .jpo-plot .oil-unlock-requirements{width:100%;margin:6px 0 0;gap:3px;color:#5a4f3f;font-size:13px;line-height:1.3;text-align:left}.jpo-game .jpo-plot .oil-unlock-requirements>li{flex-wrap:wrap;gap:0 5px}.jpo-game .jpo-plot .oil-unlock-requirements :is(a,span){flex:1;min-width:0;color:var(--jpo-ink)}.jpo-game .jpo-plot-buy{width:100%;margin-top:auto;justify-content:space-evenly;gap:2px 10px;padding-inline:10px}.jpo-game .jpo-plot>:nth-last-child(2){margin-bottom:10px}.jpo-game .jpo-plot-buy>span{display:inline-flex;align-items:center;gap:5px;min-width:0}.jpo-game .jpo-plot-buy>b{font-variant-numeric:tabular-nums;white-space:nowrap}.jpo-game .jpo-board{margin-top:20px;padding:14px;border:2px solid var(--jpo-ink);border-radius:8px;background:var(--oil-paper);color:var(--oil-ink);box-shadow:0 5px 0 #00000040}@media (max-width:1200px){.jpo-game .jpo-empire{margin:-30px -28px -28px;padding-inline:28px}}@media (max-width:760px){.jpo-game.oil-screen-empire .oil-main{padding:0}.jpo-game .jpo-empire{margin:0;padding:16px 14px calc(110px + var(--oil-safe-bottom));min-height:calc(100dvh - 62px)}.jpo-game .jpo-empire-sky{height:180px}.jpo-game .jpo-plots{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.jpo-game .jpo-plot-art{width:min(132px,100%)}.jpo-game .jpo-board{padding:10px}}@media (max-width:380px){.jpo-game .jpo-tabs>button{padding-inline:1px;font-size:12px;letter-spacing:0}.jpo-game .jpo-plot>h3{font-size:18px;letter-spacing:0}.jpo-game .jpo-empire .oil-campaign-summary{font-size:16px;letter-spacing:0}}@keyframes jpo-glow{50%{box-shadow:inset 0 -2px 0 var(--jpo-ochre-edge),0 2px 0 var(--jpo-ink),0 0 0 6px #e6c36a80}}.oil-reduced-motion.jpo-game .jpo-orb-face,.oil-reduced-motion.jpo-game .jpo-stage *{animation:none!important}@media (max-width:760px){.jpo-game .oil-toast-stack{top:calc(var(--oil-safe-top) + 74px);bottom:auto}.jpo-game .oil-toast{border:2px solid var(--jpo-ink);border-radius:14px;box-shadow:0 2px 0 var(--jpo-ink)}}.oil-modal{border:2px solid #1d1712;border-radius:8px;box-shadow:0 8px 0 #1d1712}@media (max-width:760px){.oil-modal.jpo-sheet{top:auto;bottom:0;left:0;transform:none;width:100%;max-height:calc(100dvh - var(--oil-safe-top) - 70px);padding:22px 16px calc(18px + var(--oil-safe-bottom));border-width:2px 0 0;border-radius:16px 16px 0 0;box-shadow:none}}.oil-modal.jpo-sheet .oil-shift-panel{margin:0;padding:0;border:0;background:none}.oil-modal .oil-onboarding-steps{margin-bottom:18px;flex-direction:column;align-items:stretch;gap:4px;margin-left:0}.oil-modal .oil-onboarding-steps a{min-height:44px;gap:10px;font-size:15px}.oil-modal .oil-onboarding-steps a>span{width:28px;height:28px;font-size:12px}.oil-modal-overlay{background:#120d0acc}.jpo-game .jpo-stage-top>.jpo-orb{order:1}.jpo-game .jpo-stage-top>.jpo-event{order:2}.jpo-game .jpo-shift-results{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:13px;line-height:1.3}.jpo-game .jpo-shift-results>i{width:10px;height:10px;border:2px solid var(--jpo-ink);border-radius:50%;background:#b9b29b}.jpo-game .jpo-shift-results>i.is-score-1{background:var(--jpo-ochre)}.jpo-game .jpo-shift-results>i.is-score-2{background:var(--jpo-green)}.jpo-game .jpo-shift-results>i:last-of-type{margin-right:3px}.jpo-game .jpo-stage{--jpo-cta-h:72px}.jpo-game .jpo-sign{min-height:30px;padding:2px 8px;font-size:17px}.jpo-game .jpo-sign>span{font-size:12px}.jpo-game .jpo-stage-top>.jpo-orb .jpo-orb-face{width:40px;height:40px}.jpo-game .jpo-tank{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:4px 5px;width:auto}.jpo-game .jpo-stage-left>:not(.jpo-tank),.jpo-game .jpo-tank>:not(.jpo-tank-gauge){max-width:none}.jpo-game .jpo-tank-gauge{grid-column:1/-1;width:fit-content;min-width:148px;height:38px;gap:6px;padding:0 3px;border-radius:19px;box-shadow:inset 0 2px 4px #00000040,0 2px 0 #0000008c}.jpo-game .jpo-tank-icon{width:28px;height:28px}.jpo-game .jpo-tank-value{font-size:19px}.jpo-game .jpo-tank-value>small{font-size:12px}.jpo-game .jpo-energy-plus,.jpo-game .jpo-tank-collect{position:relative;flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;min-height:0;padding:0;border:2px solid var(--jpo-ink);border-radius:50%;background:linear-gradient(var(--jpo-green),var(--jpo-green-deep));color:var(--jpo-cream);box-shadow:inset 0 -2px 0 #2f5357}.jpo-game .jpo-energy .oil-help-icon:after,.jpo-game .jpo-energy-plus:after,.jpo-game .jpo-tank-collect:after{content:"";position:absolute;inset:-8px}.jpo-game .jpo-energy-plus>svg,.jpo-game .jpo-tank-collect>svg{stroke-width:2.6}.jpo-game .jpo-energy-plus:active:not(:disabled),.jpo-game .jpo-tank-collect:active:not(:disabled){transform:scale(.92);box-shadow:inset 0 -2px 0 #2f5357}.jpo-game .jpo-energy-plus:disabled,.jpo-game .jpo-tank-collect:disabled{background:linear-gradient(#8a8273,#6d665a);color:#2b231b;box-shadow:none;opacity:.75}.jpo-game .jpo-tank.is-full .jpo-tank-collect{animation:jpo-glow .9s ease-in-out infinite}.jpo-game .jpo-tank-note,.jpo-game .jpo-tank-stats{margin:0;padding:1px 7px;border-radius:9px;color:var(--jpo-cream);font-size:12px}.jpo-game .jpo-tank-stats dd>strong{margin-right:3px;font-size:13px}.jpo-game .jpo-tank-stats>div:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.jpo-game .jpo-tank-note.is-full{border-width:0;color:var(--jpo-cream)}.jpo-game .jpo-stage-side{gap:12px;width:52px;margin-top:0}.jpo-game .jpo-orb{grid-template-columns:52px;gap:2px;width:52px}.jpo-game .jpo-stage-top>.jpo-orb{grid-template-columns:auto}.jpo-game .jpo-stage-side .jpo-orb-face{width:46px;height:46px}.jpo-game .jpo-orb-face>b{right:-6px;bottom:-5px;min-width:20px;padding:1px 4px;font-size:11px}.jpo-game .jpo-orb>strong:not(.sr-only){margin-top:3px;font-size:11px;letter-spacing:0}.jpo-game .jpo-orb>.jpo-orb-timer{margin-top:3px;padding:1px 5px;border-radius:8px;background:#1a130ecc;font-size:11px;text-shadow:none;white-space:nowrap;justify-self:end}.jpo-game .jpo-stage .hero-radio{min-height:0;padding:0;background:none}.jpo-game .jpo-stage .hero-radio>.hero-portrait{width:36px;height:36px;box-shadow:0 2px 0 #0000008c}.jpo-game .jpo-stage .hero-radio>div{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.jpo-game .jpo-chip{min-height:28px;gap:5px;padding:2px 9px 2px 7px}.jpo-game .jpo-energy{gap:4px 6px;width:min(290px,100%)}.jpo-game .jpo-energy .oil-help-icon{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;min-height:0;margin-right:-20px;padding:0;border:2px solid var(--jpo-ink);border-radius:50%;background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c}.jpo-game .jpo-energy .oil-help-icon>svg{fill:currentColor}.jpo-game .jpo-energy-bar{height:22px}.jpo-game .jpo-energy-bar>.oil-progress{border-radius:11px;box-shadow:0 2px 0 #0000008c}.jpo-game .jpo-energy-bar>strong{padding-left:12px;font-size:14px;line-height:22px}.jpo-game .jpo-energy-bar>strong>small{font-size:11px}.jpo-game .jpo-energy-foot{justify-content:center;min-height:0}.jpo-game .jpo-energy-foot:not(:has(>:not(.sr-only))){display:none}.jpo-game .jpo-energy-status:not(.sr-only){padding:1px 8px;border-radius:9px;background:#1a130ecc;font-size:12px;text-shadow:none}.jpo-game .jpo-energy-refill{margin-left:0}@media (max-width:380px){.jpo-game .jpo-sign{font-size:15px}.jpo-game .jpo-tank-value{font-size:17px}.jpo-game .jpo-orb-face{width:46px;height:46px}}@media (max-width:760px){.jpo-game .jpo-stage{min-height:380px}}@media (max-width:340px){.jpo-game .oil-mobile-nav small{font-size:11px}}@media (max-width:760px){.jpo-game .jpo-hud-resources{gap:12px}.jpo-game .jpo-res{height:30px;padding:0 9px 0 26px}.jpo-game .jpo-res-icon{width:30px;height:30px;margin-top:-15px}.jpo-game .jpo-res-icon>svg{width:16px;height:16px}.jpo-game .jpo-res>strong{font-size:clamp(14px,4.2vw,17px);letter-spacing:0}}@media (max-width:380px){.jpo-game .jpo-res-cash{padding-left:9px}}.jpo-game .jpo-empire-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.jpo-game .jpo-empire .oil-campaign{border-radius:16px;box-shadow:0 2px 0 #00000059}.jpo-game .jpo-empire .oil-campaign[open]{grid-column:1/-1;border-radius:10px}.jpo-game .jpo-empire .oil-campaign-summary{min-height:30px;padding-block:3px;font-size:14px}.jpo-game .jpo-empire .oil-campaign-summary .oil-progress{height:10px}.jpo-game .jpo-tab-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.jpo-game .jpo-tabs{display:flex;gap:6px;max-width:none}.jpo-game .jpo-tabs>button{display:flex;align-items:center;gap:6px;min-width:38px;min-height:38px;padding:0 9px;border-radius:19px;font-size:14px}.jpo-game .jpo-tabs>button.is-selected{transform:none;padding-inline:11px 13px}.jpo-game .jpo-quantity{gap:4px;margin-left:auto}.jpo-game .jpo-quantity>button{min-width:38px;min-height:32px;padding:2px 7px;border-radius:16px;font-size:13px}.jpo-game .jpo-plots{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:16px 10px;margin-top:14px}.jpo-game .jpo-plot-art{width:min(104px,100%)}.jpo-game .jpo-plot-count,.jpo-game .jpo-plot-lock{top:2px;right:-4px;min-width:26px;height:22px;padding:0 5px;border-radius:11px;font-size:13px;box-shadow:0 1px 0 var(--jpo-ink)}.jpo-game .jpo-plot-lock{top:50%;right:50%;width:34px;height:34px;margin:-17px -17px 0 0;padding:0;border-radius:50%}.jpo-game .jpo-plot-lock>svg{width:16px;height:16px}.jpo-game .jpo-plot>h3{margin-top:2px;font-size:13px;line-height:1.15;letter-spacing:.2px;hyphens:auto}.jpo-game .jpo-plot-output{gap:0 2px;margin-top:1px;font-size:12px}.jpo-game .jpo-plot-output>svg{width:11px;height:11px}.jpo-game .jpo-plot-output>strong{font-size:14px}.jpo-game .jpo-plot .oil-unlock-requirements{margin-top:3px;font-size:11px;line-height:1.25}.jpo-game .jpo-plot>:nth-last-child(2){margin-bottom:5px}.jpo-game .jpo-plot-buy{width:auto;min-width:78%;max-width:100%;min-height:30px;flex-wrap:wrap;justify-content:center;gap:0 4px;padding:2px 9px;border-radius:15px;font-size:14px!important;box-shadow:inset 0 -2px 0 var(--jpo-ochre-edge),0 2px 0 var(--jpo-ink)}.jpo-game .jpo-plot-buy>span>svg{stroke-width:3}@media (max-width:760px){.jpo-game .jpo-empire{padding:10px 12px calc(96px + var(--oil-safe-bottom))}.jpo-game .jpo-empire-sky{height:120px}.jpo-game .jpo-plots{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.jpo-game .jpo-plot-art{width:min(96px,100%)}}@media (max-width:380px){.jpo-game .jpo-tabs>button{padding-inline:8px;font-size:13px}.jpo-game .jpo-plot>h3{font-size:12px}.jpo-game .jpo-plot-buy{min-width:90%;padding-inline:5px;font-size:13px!important}}@media (max-width:760px){.jpo-game .jpo-empire-head{grid-template-columns:minmax(0,1fr)}.jpo-game .jpo-empire-head>.jpo-sign{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.jpo-game .jpo-plot-output{flex-wrap:nowrap;white-space:nowrap}@media (max-width:380px){.jpo-game .jpo-plot-output>strong{font-size:13px;letter-spacing:0}}@media (min-width:761px){.jpo-game .jpo-plots{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:26px 16px;margin-top:20px}.jpo-game .jpo-plot-art{width:min(150px,100%)}.jpo-game .jpo-plot>h3{font-size:17px}.jpo-game .jpo-plot-output>strong{font-size:16px}.jpo-game .jpo-plot-count{min-width:32px;height:26px;font-size:15px}.jpo-game .jpo-plot-buy{min-width:70%;min-height:36px;border-radius:18px;font-size:16px!important}}:root{--jpo-floor:#e9dcbc;--jpo-floor-deep:#d8c193}@media (prefers-color-scheme:dark){:root{--jpo-floor:#4c3d30;--jpo-floor-deep:#382d23}}.jpo-game .oil-workspace{position:relative}.jpo-game:not(.oil-screen-field):not(.oil-screen-empire) .oil-workspace{background:linear-gradient(var(--jpo-floor),var(--jpo-floor-deep)) fixed}.jpo-game .jpo-backdrop{position:absolute;inset:62px 0 auto;height:190px;background-size:cover;background-position:center 20%;-webkit-mask-image:linear-gradient(#000 30%,transparent);mask-image:linear-gradient(#000 30%,transparent);pointer-events:none}.jpo-game .oil-main{position:relative}:is(.jpo-game,.oil-modal) .oil-button{min-height:44px;padding:8px 14px;border:2px solid var(--jpo-ink);border-radius:8px;background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c;font:800 16px/1.1 var(--oil-serif)!important;letter-spacing:.4px;text-transform:uppercase;box-shadow:inset 0 1px 0 #f1dc9c,inset 0 -2px 0 var(--jpo-ochre-edge),0 2px 0 var(--jpo-ink);transition:transform .06s,box-shadow .06s}:is(.jpo-game,.oil-modal) .oil-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 #f1dc9c,inset 0 -2px 0 var(--jpo-ochre-edge)}:is(.jpo-game,.oil-modal) .oil-button-outline{background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);box-shadow:inset 0 1px 0 #7d6851,inset 0 -2px 0 var(--jpo-hud-deep),0 2px 0 var(--jpo-ink)}:is(.jpo-game,.oil-modal) .oil-button-outline:active:not(:disabled){box-shadow:inset 0 1px 0 #7d6851,inset 0 -2px 0 var(--jpo-hud-deep)}:is(.jpo-game,.oil-modal) .oil-button:disabled{background:linear-gradient(#d8d1ba,#b9b29b);color:#5b584b;box-shadow:inset 0 1px 0 #ece7d6,inset 0 -2px 0 #8f8973,0 2px 0 var(--jpo-ink);opacity:1}:is(.jpo-game,.oil-modal) .oil-button-small{min-height:38px;padding:6px 11px;font-size:14px!important}:is(.jpo-game,.oil-modal) .oil-help-button{width:30px;height:30px;min-height:30px;border:2px solid var(--jpo-ink);background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);font:800 16px/1 var(--oil-serif)}.jpo-game .oil-segmented{gap:8px;padding:0;border:0;border-radius:0;background:none}.jpo-game .oil-segmented>button{flex:1;min-width:0;min-height:44px;padding:6px 8px;border:2px solid var(--jpo-ink);border-radius:8px;background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);font:800 15px/1.1 var(--oil-serif);letter-spacing:.4px;text-transform:uppercase;box-shadow:inset 0 1px 0 #7d6851,inset 0 -2px 0 var(--jpo-hud-deep),0 2px 0 var(--jpo-ink)}.jpo-game .oil-segmented>button.is-selected{transform:translateY(2px);background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c;box-shadow:inset 0 1px 0 #f1dc9c,inset 0 -2px 0 var(--jpo-ochre-edge)}.jpo-game .oil-page-heading h1,.jpo-game .oil-section-heading h2{display:inline-block;padding:5px 12px 6px;border:2px solid var(--jpo-ink);border-radius:8px;background:linear-gradient(#f3ead2,#e4d6b0);color:var(--jpo-ink);font:800 24px/1.1 var(--oil-serif);letter-spacing:.5px;text-transform:uppercase;box-shadow:inset 0 1px 0 #fbf6e6,0 2px 0 var(--jpo-ink)}.jpo-game .oil-section-heading{margin-bottom:16px}.jpo-game .oil-panel{border:2px solid var(--jpo-ink);border-radius:10px;box-shadow:0 2px 0 var(--jpo-ink)}.jpo-game .oil-progress{height:10px;border:2px solid var(--jpo-ink);border-radius:6px;background:var(--oil-line)}.jpo-game .oil-progress>span{border-radius:0;background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep))}.jpo-game .oil-toast{border:2px solid var(--jpo-ink);border-radius:8px;background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);box-shadow:0 2px 0 var(--jpo-ink)}.oil-modal-title{font-weight:800;letter-spacing:.5px}.jpo-game :is(.oil-task-row,.oil-daily-panel,.oil-chart-panel,.oil-sell-panel,.weekly-assignments,.exchange-offers>article,.oil-upgrade-card,.oil-region-card,.oil-expedition-card,.hero-tile,.estate-view,.estate-inspector,.profile-card,.oil-achievement-card){border:2px solid var(--jpo-ink);border-radius:10px;box-shadow:0 2px 0 var(--jpo-ink)}.jpo-game .oil-task-action .oil-button:disabled{border-style:dashed;border-color:var(--oil-line);background:none;color:var(--oil-text,#857b6b);box-shadow:none}.jpo-game :is(.estate-page-tabs,.cartel-tabs,.exchange-trade-tabs){display:flex;gap:8px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.jpo-game :is(.estate-page-tabs,.cartel-tabs,.exchange-trade-tabs)>button{flex:1;min-width:0;min-height:44px;padding:6px;border:2px solid var(--jpo-ink);border-radius:8px;background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);font:800 15px/1.1 var(--oil-serif);letter-spacing:.4px;text-transform:uppercase;box-shadow:inset 0 1px 0 #7d6851,inset 0 -2px 0 var(--jpo-hud-deep),0 2px 0 var(--jpo-ink)}.jpo-game :is(.estate-page-tabs,.cartel-tabs,.exchange-trade-tabs)>button:is(.is-selected,.is-active,[aria-selected=true],[aria-pressed=true]){transform:translateY(2px);background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c;box-shadow:inset 0 1px 0 #f1dc9c,inset 0 -2px 0 var(--jpo-ochre-edge)}.jpo-game :is(.oil-quantity,.estate-buy-quantity,.oil-sell-percentages)>button{min-height:40px;border:2px solid var(--jpo-ink);border-radius:8px;background:#f4ecd6;color:var(--jpo-ink);font:800 15px/1 var(--oil-serif);letter-spacing:.3px;box-shadow:0 2px 0 var(--jpo-ink)}.jpo-game :is(.oil-quantity,.estate-buy-quantity,.oil-sell-percentages)>button:is(.is-selected,[aria-pressed=true]){transform:translateY(2px);background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));box-shadow:inset 0 1px 0 #f1dc9c}.jpo-game .oil-section-heading p{width:fit-content;margin-top:8px;padding:3px 10px;border-radius:11px;background:#1a130eb8;color:var(--jpo-cream);font-size:13px;line-height:1.4}.jpo-game .oil-upgrade-grid.jpo-board{padding:0;border:0;background:none;box-shadow:none}.jpo-game .oil-upgrade-card{background:var(--oil-white);color:var(--oil-ink)}.jpo-game .oil-upgrade-card.is-owned .oil-research-control .oil-button:disabled{border-color:transparent;background:none;color:var(--oil-teal);box-shadow:none}.jpo-game .hero-filter{border:2px solid var(--jpo-ink);border-radius:8px;background:linear-gradient(var(--jpo-hud-light),var(--jpo-hud));color:var(--jpo-cream);font:800 15px/1.1 var(--oil-serif);letter-spacing:.3px;text-transform:uppercase;box-shadow:0 2px 0 var(--jpo-ink)}.jpo-game .hero-filter.is-selected{transform:translateY(2px);background:linear-gradient(var(--jpo-ochre),var(--jpo-ochre-deep));color:#2b2a1c;box-shadow:inset 0 1px 0 #f1dc9c}@media (max-width:380px){.jpo-game .oil-segmented>button,.jpo-game :is(.estate-page-tabs,.cartel-tabs,.exchange-trade-tabs)>button{padding-inline:2px;font-size:13px;letter-spacing:0}.jpo-game :is(.estate-page-tabs,.cartel-tabs,.exchange-trade-tabs){gap:6px}}.jpo-game .oil-task-action .oil-button{white-space:nowrap}@media (max-width:760px){.jpo-game:not(.oil-screen-field):not(.oil-screen-empire) .oil-main{padding:10px 12px calc(96px + var(--oil-safe-bottom))}.jpo-game .jpo-backdrop{height:130px}.jpo-game .oil-main>.oil-section-heading:first-child h2,.jpo-game .oil-main>:first-child>.oil-section-heading:first-child h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.jpo-game .oil-section-heading{align-items:center;margin-bottom:8px}.jpo-game .oil-section-heading:not(:has(p,button,span)){margin:0}.jpo-game .oil-section-heading h2{padding:2px 8px 3px;font-size:15px}.jpo-game .oil-section-heading p{margin-top:0;font-size:12px}:is(.jpo-game,.oil-modal) .oil-button{min-height:34px;padding:4px 12px;border-radius:17px;font-size:14px!important;letter-spacing:.2px}:is(.jpo-game,.oil-modal) .oil-button-small{min-height:30px;padding:3px 10px;border-radius:15px;font-size:13px!important}.jpo-game .oil-segmented,.jpo-game :is(.estate-page-tabs,.cartel-tabs,.exchange-trade-tabs){gap:6px}.jpo-game .oil-segmented>button,.jpo-game :is(.estate-page-tabs,.cartel-tabs,.exchange-trade-tabs)>button{min-height:34px;padding:3px 6px;border-radius:17px;font-size:13px;letter-spacing:.2px}.jpo-game :is(.oil-quantity,.estate-buy-quantity,.oil-sell-percentages)>button{min-height:30px;border-radius:15px;font-size:13px}.jpo-game .hero-filter{min-height:30px;padding:3px 9px;border-radius:15px;font-size:12px}.jpo-game .oil-daily-panel{padding:10px}.jpo-game .oil-daily-panel-intro h3{font-size:17px}.jpo-game .oil-streak-days{gap:4px;margin-top:8px}.jpo-game .oil-streak-days>div{min-height:0;padding:4px 2px}.jpo-game .oil-daily-panel .oil-fine-print{margin-top:6px;font-size:12px}.jpo-game :is(.oil-contract-grid,.weekly-job-grid){gap:6px}.jpo-game .oil-task-row{gap:8px;padding:8px 10px}.jpo-game .oil-task-row h3{font-size:15px}.jpo-game .oil-task-detail,.jpo-game .oil-task-reward{font-size:12px}.jpo-game .oil-task-action .oil-button{min-height:30px;padding-inline:10px;font-size:13px!important}.jpo-game .weekly-assignments{padding:10px}.jpo-game .oil-upgrade-grid{gap:6px}.jpo-game .oil-upgrade-card{gap:8px;padding:8px 10px}.jpo-game .oil-upgrade-card h3{font-size:15px}.jpo-game .oil-upgrade-card .oil-eyebrow,.jpo-game .oil-upgrade-card p{font-size:12px}.jpo-game .oil-research-control{gap:2px;font-size:12px}.jpo-game :is(.oil-chart-panel,.oil-sell-panel,.exchange-reserve,.exchange-buyers){padding:10px}.jpo-game .oil-market-grid{gap:8px}.jpo-game .exchange-offers{gap:6px}.jpo-game .exchange-offers>article{padding:8px 10px}.jpo-game .cartel-empty{padding:16px}}.jpo-game .oil-upgrade-card{grid-template-columns:30px minmax(0,1fr) auto}.jpo-game .oil-upgrade-card>.oil-research-control{grid-column:3;width:auto;justify-items:end;text-align:right}.jpo-game .oil-upgrade-card .oil-upgrade-icon{width:30px;height:30px}.jpo-game .oil-upgrade-card .oil-upgrade-icon>svg{width:18px;height:18px}.jpo-game .oil-upgrade-card .oil-research-control .oil-button{min-height:30px;padding:3px 11px;border-radius:15px;white-space:nowrap}.jpo-game .oil-upgrade-card .oil-research-control .oil-progress{width:84px}@media (max-width:380px){.jpo-game .oil-upgrade-card{grid-template-columns:minmax(0,1fr) auto}.jpo-game .oil-upgrade-card>.oil-research-control{grid-column:2}}@media (max-width:760px){.jpo-game .oil-settings-grid{gap:8px}.jpo-game .oil-settings-panel{padding:10px 12px}.jpo-game .oil-settings-panel h3{margin-bottom:4px;padding-bottom:6px;font-size:17px}.jpo-game .oil-setting-row{padding-block:4px}.jpo-game .oil-language-select{min-height:38px;padding-block:6px}.jpo-game .oil-save-status{padding-block:8px}.jpo-game .oil-reset-row{padding:12px}.jpo-game .oil-input-unit{min-height:40px}.jpo-game .exchange-buyer-heading h2{font-size:19px}.jpo-game .oil-reward-bonus{padding:10px}.jpo-game .oil-section-heading{flex-wrap:nowrap;gap:8px}.jpo-game .oil-section-heading h2{white-space:nowrap}}