.d21fb{--navy:#06183d;--red:#dd2733;--blue:#1976d2;--gold:#ffd34e;box-sizing:border-box;width:100%;max-width:1040px;margin:20px auto;color:#fff;font-family:Arial,Helvetica,sans-serif}.d21fb *{box-sizing:border-box}.d21fb-stage{position:relative;overflow:hidden;border:5px solid var(--gold);border-radius:18px;background:#071638;box-shadow:0 16px 45px #0007}.d21fb-canvas{display:block;width:100%;height:auto;aspect-ratio:48/31;touch-action:none}.d21fb-topbar{position:absolute;inset:12px 14px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none}.d21fb-brand{justify-self:start;padding:9px 13px;border:2px solid var(--gold);border-radius:8px;background:#050b19e8;box-shadow:0 4px 12px #0008}.d21fb-brand b{display:block;color:var(--gold);font:17px/1 Impact,"Arial Black",sans-serif;letter-spacing:1px}.d21fb-brand span{display:block;margin-top:2px;color:#fff;font-size:7px;font-weight:900;letter-spacing:2px}.d21fb-round{padding:10px 18px;border:2px solid var(--gold);border-radius:8px;background:#050b19e8;color:#fff;font-size:11px;font-weight:900;letter-spacing:2px}.d21fb-sound{justify-self:end;pointer-events:auto;border:2px solid var(--gold);border-radius:8px;background:#050b19e8;color:#fff;padding:9px 11px;cursor:pointer}.d21fb-card{position:absolute;left:50%;top:50%;z-index:4;width:min(510px,88%);padding:29px 35px;text-align:center;transform:translate(-50%,-50%);border:3px solid var(--gold);border-radius:16px;background:linear-gradient(150deg,#071b4af5,#0d2e64f5);box-shadow:0 20px 55px #000a}.d21fb [hidden]{display:none!important}.d21fb-stars{color:var(--gold);font-size:20px;letter-spacing:12px}.d21fb-card h2{margin:10px 0;color:#fff;font:44px/.92 Impact,"Arial Black",sans-serif;letter-spacing:1px;text-shadow:3px 3px 0 var(--red)}.d21fb-card h2 span{display:block;margin-top:9px;color:var(--gold);font-size:23px;letter-spacing:4px;text-shadow:none}.d21fb-card p{margin:17px auto;max-width:390px;color:#dce8ff;font:15px/1.5 Georgia,serif}.d21fb-card button{display:block;width:min(300px,100%);margin:10px auto;padding:14px 17px;border:0;border-radius:8px;color:#fff;font-size:12px;font-weight:900;letter-spacing:1.3px;cursor:pointer}.d21fb-primary{background:var(--red);box-shadow:4px 4px 0 var(--gold)}.d21fb-secondary{background:#174f9b;box-shadow:4px 4px 0 #fff}.d21fb-card small{display:block;margin-top:18px;color:#91a8ce;font-size:8px;letter-spacing:1px}.d21fb-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.d21fb-control-set{padding:11px;border:3px solid;border-radius:12px;background:#081637}.d21fb-red-controls{border-color:var(--red)}.d21fb-blue-controls{border-color:var(--blue)}.d21fb-control-set strong{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px;letter-spacing:1.2px}.d21fb-control-set small{color:#96a8c6;font-size:8px}.d21fb-control-set>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.d21fb-control-set button{min-height:45px;border:0;border-radius:7px;background:#e8edf5;color:#071635;font-size:9px;font-weight:900;letter-spacing:.5px;cursor:pointer;box-shadow:inset 0 -4px 0 #aeb9ca;touch-action:manipulation}.d21fb-control-set button:active,.d21fb-control-set button.is-down{transform:translateY(2px);box-shadow:inset 0 -2px 0 #aeb9ca}.d21fb-red-controls .special{background:var(--red);color:#fff;box-shadow:inset 0 -4px 0 #8e111a}.d21fb-blue-controls .special{background:var(--blue);color:#fff;box-shadow:inset 0 -4px 0 #0c4481}.d21fb-disclaimer{margin:10px auto 0;text-align:center;color:#6e7d99;font-size:9px;line-height:1.4;letter-spacing:.4px}
@media(max-width:700px){.d21fb{margin:10px 0}.d21fb-stage{border-width:3px;border-radius:11px}.d21fb-topbar{inset:6px 7px auto}.d21fb-brand{padding:6px 8px}.d21fb-brand b{font-size:11px}.d21fb-brand span{font-size:5px;letter-spacing:1px}.d21fb-round{padding:7px 9px;font-size:8px}.d21fb-sound{padding:6px 7px}.d21fb-card{padding:20px 16px}.d21fb-card h2{font-size:31px}.d21fb-card h2 span{font-size:16px}.d21fb-card p{font-size:12px;margin:12px auto}.d21fb-card button{padding:11px}.d21fb-controls{grid-template-columns:1fr}.d21fb-control-set>div{gap:5px}.d21fb-control-set button{min-height:48px;font-size:8px}.d21fb-blue-controls.is-cpu{display:none}.d21fb-disclaimer{font-size:8px;padding:0 8px}}
.d21fb-controls-single{display:block;max-width:700px;margin:12px auto 0}.d21fb-controls-single .d21fb-control-set>div{grid-template-columns:repeat(4,1fr)}
.d21fb-stage{background:radial-gradient(circle at 50% 12%,#173f78,#030711 70%);box-shadow:0 22px 65px #000a,0 0 0 1px #fff2 inset}
.d21fb-card{width:min(610px,92%);background:linear-gradient(145deg,#071126f2,#0b2e60f2);backdrop-filter:blur(12px);box-shadow:0 25px 80px #000d,0 0 40px #1f69ba33 inset}
.d21fb-card h2{font-size:48px}
.d21fb-fighter-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.d21fb-card .d21fb-fighter-grid button{display:flex;min-height:76px;flex-direction:column;align-items:center;justify-content:center;margin:0;font-size:12px;line-height:1.2}
.d21fb-fighter-grid button span{display:block;margin-bottom:7px;color:#ffd34e;font-size:9px;letter-spacing:2px}
.d21fb-fighter-grid .d21fb-secondary{background:linear-gradient(145deg,#1673c7,#0c3d79);box-shadow:4px 4px 0 #dcecff}
.d21fb-fighter-grid .d21fb-primary{background:linear-gradient(145deg,#ed3442,#9f1320)}
.d21fb-control-set{background:linear-gradient(145deg,#0a1d43,#050b18);box-shadow:0 12px 30px #0007,0 0 20px #174f9b22 inset}
.d21fb-control-set button{background:linear-gradient(#f8fbff,#c5cfdd);transition:transform .08s ease,filter .12s ease}
.d21fb-control-set button:hover{filter:brightness(1.1)}
@media(max-width:700px){.d21fb-card h2{font-size:32px}.d21fb-fighter-grid{grid-template-columns:1fr}.d21fb-card .d21fb-fighter-grid button{min-height:55px}.d21fb-card{top:52%}}