:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom{height:100%;min-height:190px;display:flex;flex-direction:column;background:#101615;color:#f6ebc6;font:12px/1.4 Arial,sans-serif;overflow:hidden}
:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom-screen{position:relative;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;background:#020504;overflow:hidden}
:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;outline-offset:-3px}
:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:radial-gradient(ellipse at 50% 10%,#214c42 0%,#102321 45%,#090f12 100%);overflow:auto}
:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom-overlay[hidden]{display:none}
:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom-intro{max-width:510px;text-align:center}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom-eyebrow{letter-spacing:.18em;font-size:10px;color:#92cbbb;margin:0 0 6px}
:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom h1{font:bold clamp(23px,4vw,39px)/1.1 Impact,Arial,sans-serif;letter-spacing:.05em;margin:3px 0 9px;color:#f5d579;text-shadow:2px 3px #061815}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom h1 em{font-style:normal;color:#e8ecdb}
:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom p{margin:6px auto;max-width:450px}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom dl{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 10px;margin:10px auto;max-width:400px;text-align:left}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom dl div{display:flex;flex-direction:column;background:#071b1d;padding:5px 8px;border-left:2px solid #7eab85}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom dt{font-weight:bold;color:#f1d482}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom dd{margin:0;color:#c7d7ce;font-size:11px}
:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom button{font:inherit;cursor:pointer;color:#f4e6ba;border:1px solid #709881;background:#233e34;padding:5px 10px;box-shadow:inset 1px 1px #567961}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom button:hover{background:#345445}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom button:focus-visible,:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom a:focus-visible{outline:2px solid #fff4a1;outline-offset:2px}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom button:disabled{opacity:.4;cursor:default}
:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom [data-doom-start],:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom [data-doom-resume]{background:#dac16d;color:#182722;font-weight:bold;border-color:#ffe5a0;padding:7px 20px}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom small{display:block;color:#98b3a7;font-size:10px;margin-top:6px}
:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom footer{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:34px;padding:4px 7px;background:#14221c;border-top:1px solid #5f7257}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom footer div{display:flex;align-items:center;gap:5px}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom footer button{padding:3px 7px}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom a{color:#bfd4b7;font-size:10px}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom-status{font-size:10px;color:#c2d3c6}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom-message{max-width:400px;text-align:center}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom-message h2{font-size:25px;margin:0 0 10px;color:#f1d482}
@media(max-height:600px){:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom-intro{font-size:11px}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom h1{font-size:26px}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom dl{margin:7px auto;gap:4px}:is(#gridlock-story-ui .pc-app-content, .pc-app-content) .pc-doom dl div{padding:3px 6px}}
