.blowback{--bb-ink:#17121c;--bb-paper:#ded3b8;--bb-pink:#c58fae;--bb-green:#b4c985;max-width:1100px;margin:auto;padding:30px 22px 70px;color:var(--bb-paper);font:15px/1.55 'Courier New',monospace;background:repeating-linear-gradient(6deg,#211a28 0 2px,#241d2b 2px 4px);border-inline:1px solid #5c475f}.blowback *{box-sizing:border-box}.blowback a{color:var(--bb-green)}.bb-top{display:flex;justify-content:space-between;gap:20px;font-size:12px}.bb-heading{margin:25px 0;display:flex;align-items:end;justify-content:space-between;gap:20px}.bb-heading h1{font:clamp(48px,9vw,105px)/.95 Impact,'Arial Black',sans-serif;letter-spacing:2px;color:var(--bb-pink);margin:6px 0;text-shadow:4px 4px #0b090d}.bb-heading p{max-width:350px;margin:0}.bb-heading small{letter-spacing:3px;color:var(--bb-green)}.bb-warning{border-left:4px solid var(--bb-pink);padding:8px 15px;background:#151019}.bb-screen{border:10px solid #51444f;border-radius:18px;background:#100d14;box-shadow:0 0 0 3px #161019,0 10px 0 #0e0b11;overflow:hidden;position:relative}.bb-screen canvas{display:block;width:100%;aspect-ratio:3/2;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline-offset:-4px}.bb-screen canvas:focus-visible{outline:3px solid var(--bb-green)}.bb-stats{display:grid;grid-template-columns:repeat(6,1fr);background:#100d14;padding:12px 10px;gap:10px}.bb-stats span{font-size:10px;text-transform:uppercase;line-height:1.4}.bb-stats b{display:block;font-size:23px;color:var(--bb-green)}.bb-stats span:nth-child(4) b{color:#d98a9c}.bb-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:25px 0 10px}.blowback button{min-height:50px;padding:10px 18px;font:bold 14px 'Courier New',monospace;color:var(--bb-paper);background:#322739;border:2px solid #927697;box-shadow:3px 4px #0d0a10;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.blowback button[data-bb-fire]{background:#bd859f;color:#19121e;min-width:150px}.blowback button[data-bb-start]{background:#b4c985;color:#17121c}.blowback button:disabled{opacity:.5;cursor:default}.blowback button:focus-visible,.blowback a:focus-visible{outline:3px solid var(--bb-green);outline-offset:4px}.blowback [hidden]{display:none!important}.bb-status{min-height:3.1em;color:var(--bb-green);border-bottom:1px dashed #766176;padding-bottom:12px}.bb-end{border:3px double var(--bb-pink);padding:18px;font-weight:bold}.bb-notes{display:grid;grid-template-columns:1fr 1fr;gap:26px}.bb-notes h2{color:var(--bb-pink);font:28px Impact,sans-serif;letter-spacing:1px}.bb-notes p{font-size:13px}.bb-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.bb-legend span:nth-child(1){color:#b6d19b}.bb-legend span:nth-child(2){color:#ddba80}.bb-legend span:nth-child(3){color:#ed7778}@media(max-width:600px){.blowback{padding:20px 10px 45px}.bb-heading{display:block}.bb-heading p{margin-top:16px}.bb-stats{grid-template-columns:repeat(3,1fr)}.bb-screen{border-width:5px;border-radius:9px}.bb-controls{gap:8px}.blowback button{flex:1;padding:10px;font-size:12px}.bb-notes{grid-template-columns:1fr;gap:0}.bb-top{font-size:10px}.bb-warning{font-size:12px}}