.quick-main{width:min(1320px,calc(100% - 32px));padding-top:24px}.quick-back{display:inline-flex;margin-bottom:20px;color:#188472;font-size:12px;font-weight:900;text-decoration:none}.quick-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.quick-heading h1{margin:0;font-size:clamp(44px,7vw,76px);line-height:.9;letter-spacing:-.065em}.quick-heading>div>p:last-child{max-width:720px;margin:16px 0 0;color:#657680;line-height:1.6}.quick-heading__stats{display:flex;gap:8px}.quick-heading__stats span{min-width:135px;padding:11px 12px;border:2px solid #9aabb2;background:#f8fbfc;color:#6b7980;font:800 9px/1.35 ui-monospace,monospace;text-transform:uppercase}.quick-heading__stats strong{display:block;margin-top:4px;color:#102a36;font-size:11px}.quick-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(280px,.75fr);gap:20px;align-items:start}.quick-machine{overflow:hidden;border:7px solid #06151c;border-radius:6px;background:#193847;box-shadow:10px 12px 0 #b8c5ca,0 24px 55px rgba(16,35,43,.2)}.quick-screen-wrap{position:relative;margin:8px 8px 0;overflow:hidden;border:6px solid #071a22;background:#103d51}.quick-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px 10px;background:#0a2531;color:#91b4bf;font:900 8px/1 ui-monospace,monospace}.quick-hud span:nth-child(2){text-align:center}.quick-hud span:last-child{text-align:right}.quick-hud strong{color:#fff6cc;font-size:10px}#quick-canvas{display:block;width:100%;aspect-ratio:16/9;background:#188b5a;cursor:pointer;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;user-select:none}.quick-overlay{position:absolute;z-index:6;left:50%;top:54%;display:grid;min-width:min(76%,390px);padding:16px 18px;border:4px solid #071a23;background:#fff2a1;color:#102b35;text-align:center;transform:translate(-50%,-50%);box-shadow:7px 7px 0 rgba(5,20,27,.6)}.quick-overlay[hidden]{display:none}.quick-overlay strong{font:950 clamp(18px,3vw,28px)/1 ui-monospace,monospace}.quick-overlay span{margin-top:8px;font:800 10px/1.45 ui-monospace,monospace}.quick-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 8px;padding:12px;border:4px solid #071a22;border-top:0;background:#102630}.quick-choices[hidden]{display:none}.quick-choices button{min-height:48px;padding:9px 12px;border:2px solid #071a22;background:#edf3f4;color:#15313d;font-weight:900;text-align:left;cursor:pointer;box-shadow:3px 3px 0 #071a22}.quick-choices button:hover,.quick-choices button:focus-visible{background:#ffd438}.quick-choices button.correct{background:#64dfac}.quick-choices button.wrong{background:#ff8078}.quick-controls{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:18px;border-top:6px solid #071a22;background:#183d4d}.quick-start{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:12px;border:3px solid #071a22;background:#ffd438;color:#16303b;text-align:left;cursor:pointer;box-shadow:5px 5px 0 #071a22}.quick-start span{display:grid;grid-row:1/3;width:32px;height:32px;place-items:center;border-radius:50%;background:#e9534c;color:#fff;font:900 12px/1 monospace}.quick-start strong{font-size:15px}.quick-start small{font-size:9px}.quick-start:disabled{filter:grayscale(.7);cursor:not-allowed}.quick-instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-instructions span{padding:10px;border:2px solid #071a22;background:#e7eef0;color:#e9534c;font:900 9px/1 ui-monospace,monospace}.quick-instructions strong{display:block;margin-top:8px;color:#17313d;font:800 10px/1.45 system-ui,sans-serif}.quick-sidebar{display:grid;gap:14px}.quick-card{padding:22px;border:2px solid #173542;background:#fff;box-shadow:6px 6px 0 #bdc9cd}.quick-card>strong,.quick-card>span,.quick-card>b{display:block}.quick-card>strong{font-size:22px}.quick-card>span{margin-top:7px;color:#718087;font-size:11px;line-height:1.5}.quick-card>b{margin-top:18px;color:#168c77;font-size:34px}.quick-card>p:not(.pixel-kicker){color:#5f7078;font-size:12px;line-height:1.6}.quick-card>small{display:block;margin-top:14px;color:#7a898f;font-size:10px;line-height:1.5}.arcade-rating{display:grid;gap:10px}.arcade-rating__summary{display:flex;align-items:center;gap:8px}.arcade-rating__summary>span{color:#f0bd20;font-size:20px}.arcade-rating__summary strong{color:#243d48;font-size:11px}.arcade-rating__buttons{display:flex;gap:4px}.arcade-rating__buttons button{padding:0;border:0;background:transparent;color:#c4cdd1;font-size:29px;line-height:1;cursor:pointer}.arcade-rating__buttons button:hover,.arcade-rating__buttons button.selected{color:#f0bd20}.arcade-rating__buttons button:disabled{cursor:wait}.arcade-rating__notice{color:#718087;font-size:10px;line-height:1.4}
.quick-machine .machine-top{display:flex;height:44px;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:4px solid #071a22;background:#153441;color:#b8d1d8;font:900 9px/1 ui-monospace,monospace;letter-spacing:.06em}.quick-machine .machine-top span{color:#ffd438}.quick-machine .machine-top i{color:#e9534c;font-style:normal}.quick-screen-wrap .screen-scanlines{position:absolute;z-index:4;inset:0;pointer-events:none;opacity:.14;background:linear-gradient(transparent 50%,rgba(0,0,0,.36) 50%);background-size:100% 4px}.quick-start:disabled{filter:none;opacity:.78}
.quick-review{margin:0 8px;padding:16px;border:4px solid #071a22;border-top:0;background:#102630}.quick-review[hidden]{display:none}.quick-review__heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px;color:#8eb0ba}.quick-review__heading span{font:900 9px/1.3 ui-monospace,monospace;letter-spacing:.07em}.quick-review__heading strong{color:#fff6cc;font-size:15px}.quick-review__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quick-review article{min-width:0;padding:10px;border:2px solid #284955;background:#173945}.quick-review article.is-correct{border-color:#4dbf91}.quick-review article.is-wrong{border-color:#dc665f}.quick-review article>span,.quick-review article>strong,.quick-review article>small{display:block}.quick-review article>span{color:#ff8078;font:900 8px/1.2 ui-monospace,monospace}.quick-review article.is-correct>span{color:#64dfac}.quick-review article>strong{margin-top:6px;color:#fff6cc;font-size:12px}.quick-review article>small{margin-top:4px;color:#9eb4bc;font-size:9px;line-height:1.4}
@media(max-width:1000px){.quick-layout{grid-template-columns:1fr}.quick-sidebar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.quick-heading{align-items:flex-start;flex-direction:column}.quick-heading__stats{width:100%;flex-wrap:wrap}.quick-heading__stats span{flex:1}.quick-controls{grid-template-columns:1fr}.quick-sidebar{grid-template-columns:1fr}}
@media(max-width:560px){.quick-main{width:min(100% - 16px,1320px)}.quick-machine{border-width:4px}.quick-screen-wrap{margin:6px 6px 0;border-width:4px}.quick-controls{padding:12px}.quick-instructions{grid-template-columns:repeat(3,1fr)}.quick-instructions span{padding:8px}.quick-instructions strong{font-size:9px}.quick-choices{grid-template-columns:1fr;margin:0 6px}.quick-overlay{min-width:86%}.quick-review{margin:0 6px;padding:12px}.quick-review__heading{align-items:flex-start;flex-direction:column}.quick-review__grid{grid-template-columns:1fr}}