.doom-game{box-sizing:border-box;width:min(74rem,calc(100vw - 2rem));margin:clamp(3.5rem,6vw,5rem) 50%;transform:translate(-50%);padding:clamp(16px,2.2vw,26px);border:1px solid rgba(255,255,255,.1);background:#0f1015;color:#f2f2f7;border-radius:12px;box-shadow:0 24px 64px #00000073;font-family:var(--flagship-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.dg-head{max-width:62rem;margin:0 auto 22px;text-align:center}.dg-head h2{font-family:inherit;font-weight:650;font-size:clamp(2rem,3.6vw,2.75rem);line-height:1.12;letter-spacing:-.025em;margin:0 auto 12px;max-width:none;width:100%;color:#fff}.dg-head p{margin:0 auto;max-width:60rem;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.5;color:#c9c9d1}.dg-lede{font-weight:600;color:#fff!important}.dg-meterwrap{display:flex;justify-content:center;margin-top:18px}.dg-meter{width:min(28rem,100%)}.dg-meter-head{display:flex;justify-content:center;align-items:baseline;gap:10px;font-size:.85rem;color:#a9a9b2;margin-bottom:7px}.dg-meter-head b{color:#fff;font-variant-numeric:tabular-nums;font-size:1.05rem}.dg-meter-track{height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.dg-meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#30d158,#ffd60a 55%,#ff453a);transition:width .45s cubic-bezier(.16,1,.3,1)}.dg-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#f2f2f7;padding:7px 14px;border-radius:999px;font-family:inherit;font-weight:500;font-size:.82rem;cursor:pointer}.dg-btn:hover{background:#ffffff29}.dg-tag{display:inline-block;margin:0 0 6px;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#c7c7cc}.dg-rules{margin-top:12px!important;font-size:clamp(.92rem,1.2vw,1.05rem)!important;color:#8e8e97!important}.dg-foot-actions{display:flex;gap:10px}.dg-stage{position:relative;background:#06070a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;display:flex;justify-content:center}.dg-stage canvas{width:100%;max-width:720px;height:auto;display:block;image-rendering:pixelated;border-radius:4px}.dg-toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%);background:#0a0a0eeb;border:1px solid rgba(255,255,255,.18);color:#fff;padding:8px 16px;border-radius:999px;font-size:.82rem;pointer-events:none}.dg-popup{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#05060ad1;border-radius:10px}.dg-popup[hidden]{display:none}.dg-popup--right .dg-popup__panel{border-color:#30d1588c;box-shadow:0 0 0 1px #30d15840,0 20px 50px #0009;background:linear-gradient(#30d1581a,#30d15805),#16171d}.dg-popup--wrong .dg-popup__panel{border-color:#ff453a99;box-shadow:0 0 0 1px #ff453a47,0 20px 50px #0009;background:linear-gradient(#ff453a1f,#ff453a05),#16171d;animation:dg-shake .45s cubic-bezier(.36,.07,.19,.97)}@keyframes dg-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.dg-popup__verdict{margin:0 0 10px;font-family:inherit;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.dg-popup--right .dg-popup__verdict{color:#4ade80}.dg-popup--wrong .dg-popup__verdict{color:#ff6b5e}.dg-popup--wrong .dg-popup__verdict:before{content:"💥 "}.dg-popup--right .dg-popup__verdict:before{content:"✓ "}.dg-stage--boom{animation:dg-boom .6s ease-out}@keyframes dg-boom{0%{box-shadow:inset 0 0 #ff782800}15%{box-shadow:inset 0 0 90px 20px #ff8c32bf;transform:translate(-3px)}35%{transform:translate(3px)}55%{transform:translate(-2px)}to{box-shadow:inset 0 0 #ff782800;transform:none}}.dg-choice--tried{opacity:.5}.dg-choice__tried{display:block;margin-top:6px;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#ff6b5e}.dg-popup__panel{width:min(38rem,100%);max-height:100%;overflow-y:auto;background:#16171d;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:clamp(16px,2.4vw,24px);box-shadow:0 20px 50px #0009}.dg-popup__title{font-family:inherit;font-weight:650;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.25;margin:0 0 8px;color:#fff}.dg-popup__setup,.dg-popup__outcome{margin:0 0 16px;font-size:.92rem;line-height:1.55;color:#c7c7cc}.dg-popup__kicker{margin:0 0 8px;font-size:.8rem;color:#8e8e93}.dg-choices{display:grid;gap:10px}.dg-choice{display:block;width:100%;text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 14px;color:inherit;font:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.dg-choice:hover,.dg-choice:focus-visible{background:#ffffff1a;border-color:#ffffff52}.dg-choice__label{display:block;font-weight:600;font-size:.95rem;color:#fff;margin-bottom:3px}.dg-choice__blurb{display:block;font-size:.83rem;line-height:1.45;color:#a0a0a8}.dg-share{margin:18px 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);text-align:center}.dg-share__card{display:block;width:min(15rem,60%);height:auto;margin:0 auto 14px;border-radius:6px;border:1px solid rgba(255,255,255,.16);image-rendering:pixelated}.dg-share__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.dg-btn--share{text-decoration:none;display:inline-flex;align-items:center}.dg-share__note{margin:10px 0 0;font-size:.78rem;color:#8e8e97}.dg-popup__go{background:#fff;color:#000;border:0;border-radius:999px;padding:9px 20px;font-family:inherit;font-weight:600;font-size:.88rem;cursor:pointer}.dg-popup__go:hover{background:#e5e5ea}.dg-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:14px}.dg-status{font-size:.85rem;color:#a9a9b2}.dg-hint{font-size:.8rem;color:#76767e;margin:4px 0 0}.dg-pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:6px}.dg-pad button{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#f2f2f7;font-size:1rem;cursor:pointer;touch-action:none;user-select:none}.dg-pad button:active{background:#fff3}.dg-pad [data-dg-dir=up]{grid-column:2;grid-row:1}.dg-pad [data-dg-dir=left]{grid-column:1;grid-row:2}.dg-pad [data-dg-dir=down]{grid-column:2;grid-row:2}.dg-pad [data-dg-dir=right]{grid-column:3;grid-row:2}.dg-hint--keys{display:none}@media(hover:hover)and (pointer:fine){.dg-pad{display:none}.dg-hint--keys{display:inline}.dg-hint--pad{display:none}}.dg-stage canvas{cursor:pointer}.dg-stage canvas:focus{outline:2px solid rgba(255,214,10,.55);outline-offset:3px}.dg-stage canvas:focus-visible{outline:3px solid #ffd60a;outline-offset:3px}.dg-choice:focus-visible,.dg-popup__go:focus-visible,.dg-popup__back:focus-visible,.dg-btn:focus-visible,.dg-pad button:focus-visible,.dg-fact__link:focus-visible{outline:2px solid #ffd60a;outline-offset:2px}.dg-prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0a0a0ee6;border:1px solid rgba(255,255,255,.22);color:#fff;padding:9px 18px;border-radius:999px;font-size:.88rem;font-weight:600;white-space:nowrap;pointer-events:none}.dg-prompt[hidden]{display:none}.dg-popup__seat{margin:0 0 6px;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:#ffd60a}.dg-popup__back{margin-top:12px;background:none;border:0;padding:4px 0;color:#a0a0a8;font:inherit;font-size:.82rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.dg-popup__back:hover{color:#fff}.dg-fact{margin:0 0 16px;padding:12px 14px;border-left:3px solid rgba(255,255,255,.35);background:#ffffff0a;border-radius:0 6px 6px 0}.dg-fact__label{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}.dg-fact__text{margin:0 0 8px;font-size:.86rem;line-height:1.55;color:#d4d4da}.dg-fact__source{margin:0;font-size:.78rem;line-height:1.5;color:#8e8e97}.dg-fact__link,.dg-fact__link:visited{color:#c7c7cc;text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:2px}.dg-fact__link:hover{color:#fff;text-decoration-color:currentColor}.dg-btn--share,.dg-btn--share:visited,.dg-btn--share:hover{color:#f2f2f7}@media(max-width:720px){.dg-has-popup .dg-stage canvas,.dg-has-popup .dg-prompt{display:none}.dg-has-popup .dg-popup{position:static;flex:1;padding:0;background:none}.dg-has-popup .dg-popup__panel{width:100%;max-height:none}}@media(prefers-reduced-motion:reduce){.dg-popup--wrong .dg-popup__panel,.dg-stage--boom{animation:none}.dg-meter-fill,.dg-choice{transition:none}}
